[Админам] Свой шрифт в нике пользователя

05-16-2015, 10:45 PM

Захотелось мне сделать шрифт в никах пользователей под свой стиль форума... немного погуглил, нашел какие-то обрывки информации, но прямого ответа нет.
Короче...

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

1. Итак, берем любимый шрифт в формате "ttf", в данном случае мой был таким - cyrillic_old.ttf
Идете на этот сайт и конвертируете его в 2 формата

(выбрали формат, загрузили шрифт, скачали готовый архив на комп).
Теперь создаем папочку - ваш форум/fonts (ну или назовите как хотите, главное потом правильно укажите путь) и кидаем в нее оба файлика из архива, который получили после конвертации шрифта. у меня это CyrillicOld.woff и CyrillicOld.woff2
Далее создаем файлик css, в моем случае cyrillic.css и заполняем следующим:

Code:

@font-face {
  font-family: 'CyrillicOld';
  font-style: normal;
  font-weight: 400;
  src: local('CyrillicOld'), local('CyrillicOld-Regular'), url(http://ваш форум/fonts/CyrillicOld.woff2) format('woff2'), url(http://ваш форум/fonts/CyrillicOld.woff) format('woff');
}

Итак, мы указали где на форуме лежат наши шрифты. Готовый файлик css ложим на форуме в папку - ваш форум/clientscript/ ...готово.

2. Теперь переходим непосредственно к подключению самого шрифта к форуму
Идём в управление стилями - поиск в шаблонах - находим шаблон header и вставляем в самый верх

Code:

<link href='http://ваш форум/clientscript/cyrillic.css' rel='stylesheet' type='text/css'>

Что мы сделали... мы указали где находится файл, который указывает где лежит шрифт

Путь и имя файла cyrillic.css у Вас может быть свое.
Идём в редактирование стилей - выбираем Ваш стиль - Основная таблица css - Дополнительные определения css и в самый низ вставляем

Code:

.CyrillicOld {
font-family: 'CyrillicOld';
}

Идем в Управление группами пользователей - Выделение имён HTML кодом и вставляем в первое поле

Code:

<span class="CyrillicOld">

Во второе

Code:

</span>

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