Гибкая возможность изменения шрифтов на сайте

Иногда заказчики, которым я делаю сайты, просят сделать так, чтобы они самостоятельно могли изменять шрифты на сайте.

Из рассмотренных мною возможностей самой удобной оказалась установка плагина Google Typography.

Плагин позволяет назначать любым селекторам css шрифты из коллекции Google Fonts. C его помощью владелец сайта может самостоятельно онлайн выбрать шрифт, его размер и прочие свойства для любого селектора css, то есть практически для любого элемента сайта.

После установки плагина в меню появится пункт с настройками: Внешний вид -> Typography.

плагин google typographyДалее мы видим экран с настройками плагина.

изменение шрифтов в WordPress

По кнопке Add New добавляется новая настройка для селектора css. Вместо текста «Type in some text…» можно напечатать свой текст на русском. Вообще сами шрифты удобнее смотреть на сервисе google по ссылке выше, а здесь уже просто указать выбранный вариант.

Шрифт указывается в поле «Font family». Следующие 3 поля определяют его свойства, они понятны без объяснений. В последнем поле указывается название css селектора. Например, на картинке выше определены настройки для селектора .entry (в данном случае это текст статей) и #sidebar-primary — боковая колонка.

После указания настроек нужно нажать кнопку справа Save. После этого можете проверять, как изменился внешний вид вашего сайта.

Плагин добавляет в код сайта ссылки для загрузки шрифтов с google и прописывает указанные вами настройки.

Оцените статью
Делаем сайт своими руками
Комментарии: 2
  1. Евгений

    Спасибо большое Андрей, за любезно предоставленную статью! Пожалуй это действительно самый легкий способ подключения шрифтов на своем сайте.

    Ответить
  2. Денис

    Добрый день. Подскажите если расширения для Wp чтобы размер шрифта выставлять в %

    Ответить
Добавить комментарии