P
promille
Захотелось мне сделать шрифт в никах пользователей под свой стиль форума... немного погуглил, нашел какие-то обрывки информации, но прямого ответа нет.
Короче...
Напишу все на примере моего шрифта и кину в аттач готовое решение. Можете качать и менять на все свое, можете делать по инструкции с нуля.
1. Итак, берем любимый шрифт в формате "ttf", в данном случае мой был таким - cyrillic_old.ttf
Идете на этот сайт и конвертируете его в 2 формата
(выбрали формат, загрузили шрифт, скачали готовый архив на комп).
Теперь создаем папочку - ваш форум/fonts (ну или назовите как хотите, главное потом правильно укажите путь) и кидаем в нее оба файлика из архива, который получили после конвертации шрифта. у меня это CyrillicOld.woff и CyrillicOld.woff2
Далее создаем файлик css, в моем случае cyrillic.css и заполняем следующим:
Итак, мы указали где на форуме лежат наши шрифты. Готовый файлик css ложим на форуме в папку - ваш форум/clientscript/ ...готово.
2. Теперь переходим непосредственно к подключению самого шрифта к форуму
Идём в управление стилями - поиск в шаблонах - находим шаблон header и вставляем в самый верх
Что мы сделали... мы указали где находится файл, который указывает где лежит шрифт :)
Путь и имя файла cyrillic.css у Вас может быть свое.
Идём в редактирование стилей - выбираем Ваш стиль - Основная таблица css - Дополнительные определения css и в самый низ вставляем
Идем в Управление группами пользователей - Выделение имён HTML кодом и вставляем в первое поле
Во второе
Перегружаем страничку своего форума и радуемся.
Короче...
Напишу все на примере моего шрифта и кину в аттач готовое решение. Можете качать и менять на все свое, можете делать по инструкции с нуля.
1. Итак, берем любимый шрифт в формате "ttf", в данном случае мой был таким - cyrillic_old.ttf
Идете на этот сайт и конвертируете его в 2 формата
(выбрали формат, загрузили шрифт, скачали готовый архив на комп).
Теперь создаем папочку - ваш форум/fonts (ну или назовите как хотите, главное потом правильно укажите путь) и кидаем в нее оба файлика из архива, который получили после конвертации шрифта. у меня это CyrillicOld.woff и CyrillicOld.woff2
Далее создаем файлик css, в моем случае cyrillic.css и заполняем следующим:
Код:
@font-face { font-family: 'CyrillicOld'; font-style: normal; font-weight: 400; src: local('CyrillicOld'), local('CyrillicOld-Regular'), url(http://ваш форум/[COLOR="Red"]fonts[/COLOR]/[COLOR="green"]CyrillicOld.woff2[/COLOR]) format('woff2'), url(http://ваш форум/[COLOR="Red"]fonts[/COLOR]/[COLOR="green"]CyrillicOld.woff[/COLOR]) format('woff');
}Итак, мы указали где на форуме лежат наши шрифты. Готовый файлик css ложим на форуме в папку - ваш форум/clientscript/ ...готово.
2. Теперь переходим непосредственно к подключению самого шрифта к форуму
Идём в управление стилями - поиск в шаблонах - находим шаблон header и вставляем в самый верх
Код:
<link href='http://[B]ваш форум/clientscript/cyrillic.css[/B]' rel='stylesheet' type='text/css'>Путь и имя файла cyrillic.css у Вас может быть свое.
Идём в редактирование стилей - выбираем Ваш стиль - Основная таблица css - Дополнительные определения css и в самый низ вставляем
Код:
.CyrillicOld {
font-family: 'CyrillicOld';
} Код:
<span class="CyrillicOld"> Код:
</span>Перегружаем страничку своего форума и радуемся.