- 16, May 2015
- #1
Захотелось мне сделать шрифт в никах пользователей под свой стиль форума... немного погуглил, нашел какие-то обрывки информации, но прямого ответа нет.
Короче...
Напишу все на примере моего шрифта и кину в аттач готовое решение. Можете качать и менять на все свое, можете делать по инструкции с нуля.
1. Итак, берем любимый шрифт в формате "ttf", в данном случае мой был таким - cyrillic_old.ttf Идете на этот сайт
и конвертируете его в 2 формата
(выбрали формат, загрузили шрифт, скачали готовый архив на комп). Теперь создаем папочку - ваш форум/fonts (ну или назовите как хотите, главное потом правильно укажите путь) и кидаем в нее оба файлика из архива, который получили после конвертации шрифта. у меня это CyrillicOld.woff и CyrillicOld.woff2 Далее создаем файлик css, в моем случае cyrillic.css и заполняем следующим:
2. Теперь переходим непосредственно к подключению самого шрифта к форуму Идём в управление стилями - поиск в шаблонах - находим шаблон header и вставляем в самый верх
Путь и имя файла cyrillic.css у Вас может быть свое.
Идём в редактирование стилей - выбираем Ваш стиль - Основная таблица css - Дополнительные определения css и в самый низ вставляем
Скрытая информация :: Авторизуйтесь для просмотра »
Напишу все на примере моего шрифта и кину в аттач готовое решение. Можете качать и менять на все свое, можете делать по инструкции с нуля.
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');
}2. Теперь переходим непосредственно к подключению самого шрифта к форуму Идём в управление стилями - поиск в шаблонах - находим шаблон header и вставляем в самый верх
<link href='http://[B]ваш форум/clientscript/cyrillic.css[/B]' rel='stylesheet' type='text/css'> .CyrillicOld {
font-family: 'CyrillicOld';
} <span class="CyrillicOld"> </span>Скрытая информация :: Авторизуйтесь для просмотра »
![[Ревитоника] Есть ли жизнь после 5 недель. Как сохранить и приумножить эффект](/assets/images/icons/forum1.png){kind=icon}
![[CG Master Academy] Дизайн окружения: научно-фантастический мир](/assets/images/icons/forum7.png){kind=icon}
