Иногда заказчики, которым я делаю сайты, просят сделать так, чтобы они самостоятельно могли изменять шрифты на сайте.
Из рассмотренных мною возможностей самой удобной оказалась установка плагина Google Typography.
Плагин позволяет назначать любым селекторам css шрифты из коллекции Google Fonts. C его помощью владелец сайта может самостоятельно онлайн выбрать шрифт, его размер и прочие свойства для любого селектора css, то есть практически для любого элемента сайта.
После установки плагина в меню появится пункт с настройками: Внешний вид -> Typography.
Далее мы видим экран с настройками плагина.
По кнопке Add New добавляется новая настройка для селектора css. Вместо текста «Type in some text…» можно напечатать свой текст на русском. Вообще сами шрифты удобнее смотреть на сервисе google по ссылке выше, а здесь уже просто указать выбранный вариант.
Шрифт указывается в поле «Font family». Следующие 3 поля определяют его свойства, они понятны без объяснений. В последнем поле указывается название css селектора. Например, на картинке выше определены настройки для селектора .entry (в данном случае это текст статей) и #sidebar-primary — боковая колонка.
После указания настроек нужно нажать кнопку справа Save. После этого можете проверять, как изменился внешний вид вашего сайта.
Плагин добавляет в код сайта ссылки для загрузки шрифтов с google и прописывает указанные вами настройки.
Спасибо большое Андрей, за любезно предоставленную статью! Пожалуй это действительно самый легкий способ подключения шрифтов на своем сайте.
Добрый день. Подскажите если расширения для Wp чтобы размер шрифта выставлять в %