Свой шрифт в нике пользователя

promille

Пользователь
Регистрация
25.04.15
Сообщения
22
Реакции
13
Баллы
3
Адрес
Харьков
Захотелось мне сделать шрифт в никах пользователей под свой стиль форума... немного погуглил, нашел какие-то обрывки информации, но прямого ответа нет.
Короче...


Напишу все на примере моего шрифта и кину в аттач готовое решение. Можете качать и менять на все свое, можете делать по инструкции с нуля.

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';
}
Идем в Управление группами пользователей - Выделение имён HTML кодом и вставляем в первое поле
Код:
<span class="CyrillicOld">
Во второе
Код:
</span>

Перегружаем страничку своего форума и радуемся.
 

Вложения

  • forum_fonts.zip
    58.9 KB · Просмотры: 0

Wmboard

Пользователь
Регистрация
01.01.70
Сообщения
9.274
Реакции
2.665
Баллы
28
Адрес
На wmboard
Полезная вещь, спасибо. Многим бывает нужно. Во всяком случае вопросы раньше были подобные.
 

promille

Пользователь
Регистрация
25.04.15
Сообщения
22
Реакции
13
Баллы
3
Адрес
Харьков
кстати... в дальнейшем свой шрифт можно использовать в любом месте форума заключив фразу в тег

Код:
<span class="CyrillicOld">ваша фраза</span>
 

Статистика форума

Темы
200.635
Сообщения
380.523
Пользователи
327.875
Новый пользователь
fora777
Сверху Снизу