Приветствую, коллеги.
Сегодня рассмотрим алгоритм установки своего шрифта на сайт.
В ряде случаев в процессе создания сайтов заказчик просит установить на нем шрифт, который отсутствует в теме, на которой вы создаете сайт на WordPress. Разумеется, есть плагины, которые позволят сделать это. Но когда есть возможность обойтись без установки плагина, лучше воспользоваться ею.
Рассмотрим процесс установки кастомного шрифта на базе моего сайта www.ivebs.ru. На момент написания этой статьи на нем установлен шрифт Museo Cyrillic, который нравится мне. Этот шрифт отсутствует в темах оформления Wordppress, следовательно загружаем его вручную.
1. Скачиваем шрифт из сети в любом известном формате, допустим, ttf, otf и прочие.
2. В админке сайта выбираем раздел Внешний вид → Настроить. В открывшемся боковом окне выбираем Дополнительные стили.
3. Прописываем следующий код:
где, вместо MuseoCyrillic — пишется название вашего шрифта, а
/wp-content/uploads/font/MuseoCyrillic.ttf
— путь для вашего шрифта на хостинге.
Кликаем по кнопке «Опубликовать».
4. В ряде случаев, формат ttf может не поддерживаться и требуется установка другого формата, допустим, woff или woff2. Если скачали только ttf — не беда, есть множество сервисов по бесплатной конвертации шрифтов из одного формата в другой, допустим, этот www.everythingfonts.com/ttf-to-woff
5. Шрифт установлен на сайт. Теперь смело прописывайте его в классах к тем или иным блокам, допустим, в меню:
где вместо .menu указывается class для меню вашего сайта. Прописать можно всё здесь же, в Дополнительных стилях.
Довольно просто, не так ли?
