Использование, так называемых, пользовательских web-шрифтов, помогает сделать тему индивидуальной, добавить собственного стиля взамен традиционно используемых в web шрифтов. Мы будем использовать шрифт Lato для отображения текста сайта, а также шрифт FontAwesome для отображения иконок на сайте.
Скачать первый шрифт можно на официальном сайте — http://www.latofonts.com/lato-free-fonts/, там есть и версия для кириллицы.
Чтобы подключить шрифт к нашей теме нужно скопировать нужные начертания в папку fonts в корне темы и вставить в style.css следующий код:
@font-face {
font-family: Lato;
src: url(fonts/Lato-Regular.ttf);
font-weight: normal;
}
Теперь идем на сайт http://fontawesome.io/, для того, чтобы подключить шрифт иконок. Мы можем просто импортировать стили для шрифта в теге head, но в WordPress есть более расширенная опция, которая называется Enqueuing. С помощью этого функционала мы сможем контролировать где, когда и в каком месте шаблона подключаются дополнительные стили. Реализовать все это можно все в том же файле functions.php.
Поиском в этом файле находим строку: function lazyone_scripts(), копируем функцию: wp_enqueue_style( ‘lazyone-style’, get_stylesheet_uri() ); и изменяем следующим образом:
wp_enqueue_style( 'lazyone-fontawesome', 'https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css');
Свежие комментарии