Как легко использовать шрифты Google в WordPress

  • 09.03.2015

Правило @font-face в CSS3 и такие инструменты как Google Fonts открывают новые возможности для людей и позволяют проявить больше творчества относительно веб-типографики. Сегодня Google Fonts предоставляет более 630 различных шрифтов и в этой статье я покажу вам как можно без труда использовать их на вашем WordPress сайте – не все сразу разумеется.

На сайте Google Fonts представлено много удобных и простых инструкций как интегрировать их шрифты на свой сайт. Тем не менее, использование их метода требует изменения файлов header.php или functions.php в вашей теме WordPress. И так же вы должны будете внести изменения в CSS файл style.css. Разумеется для кого-то такой метод является наилучшим, так как не использует сторонних плагинов. Но в случае если вам нужно быстро поменять шрифты не вдаваясь в дебри программирования, есть метод и получше.

Итак начнем. Для начала скачайте и установите плагин Google Fonts с сайта ThemeTrust. Данный плагин очень удобен, потому что он встраивается непосредственно в настройщик вашей темы и вы можете видеть изменения сразу как измените какое либо свойство и перед тем как сохраните настройки.

Как легко использовать шрифты Google в WordPress

После того как вы установите данный плагин, перейдите в раздел Внешний вид->Настроить (Appearance->Customize) и нажмите на вкладку Google Fonts for ThemeTrust.

Как легко использовать шрифты Google в WordPress

В открывшейся панели вы найдете восемь разделов для которых вы можете установить различные шрифты.

All Text (Весь текст), Paragraph Text (Текст параграфа), Header 1 (Заголовок 1), Header 2 (Заголовок 2), Header 3 (Заголовок 3),   Links (Ссылки), Blockquote (Цитаты), List Item (Списки)

В каждом разделе вы можете установить шрифт и настроить его толщину. Так же здесь есть поля для ввода пользовательского CSS кода. То есть допустим если вы хотите установить отдельный шрифт для заголовков 3-го уровня в вашем “футере”, то в поле введения пользовательского CSS для Header 3 (Заголовок 3) вам нужно указать где располагаются эти элементы, например если это заголовки в футере, укажите этот элемент, допустим #footer. 

Так же вы можете добавить несколько селекторов разделяя их запятыми, например #footer, #sidebar

Вывод

Как видите использование данного плагина не требует особых навыков работы с WordPress, и это так же облегчает работу если вы хотите получить быстрый результат не марая руки влезая в исходный код. И то что данный плагин встраивается в настройщик внешнего вида вашей темы, вы сможете сразу посмотреть какие шрифты подходят для вашей темы, а какие нет.

Источник статьи