amp-web-push-widget button.amp-subscribe { display: inline-flex; align-items: center; border-radius: 5px; border: 0; box-sizing: border-box; margin: 0; padding: 10px 15px; cursor: pointer; outline: none; font-size: 15px; font-weight: 500; background: #4A90E2; margin-top: 7px; color: white; box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.5); -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } .amp-logo amp-img{width:190px} .amp-menu input{display:none;}.amp-menu li.menu-item-has-children ul{display:none;}.amp-menu li{position:relative;display:block;}.amp-menu > li a{display:block;} .icon-widgets:before {content: "\e1bd";}.icon-search:before {content: "\e8b6";}.icon-shopping-cart:after {content: "\e8cc";}

Как подключить Google шрифты для сайта

Шрифты играют большую роль в оформлении сайта. Некоторые пользователи вебмастера, что главное в шрифте наличие кириллицы, остальное не важно. На самом деле это ошибочное мнение. Если правильно подобрать шрифт к шаблону сайта, то он будет удачно смотреться и вызывать положительные эмоции, улучшать поведенческие факторы.

В это статье мы рассмотрим Google шрифты для сайта, а именно способы их внедрения на сайт.

Установка шрифтов для сайта

У Google есть каталог, в котором вы можете выбрать целый набор шрифтов и пользоваться ими у себя на сайте. Самое главное отсортировать те шрифты, в которых присутствует кириллица. Владельцам обычных сайтов придется редактировать CSS файлы шаблона, в котором будет использоваться тот или иной шрифт. Если же вы счастливый владелец сайта на WordPress, то все эту работу возьмет на себя плагин WP Google Fonts.

Данный плагин позволяет выбрать шрифты для сайта и применить их. Более того вы можете выбирать элементы и применять к ним разные шрифты, которые доступны в выпадающем списке. В его распоряжении 6 шрифтов, что положительно сказывается на скорость загрузки сайта. При выборе шрифтов доступна информация о том, как тот или иной шрифт влияет на скорость загрузки страниц сайта.

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

Другой плагин – Superme Google WebFonts. Данное дополнение позволяет применять шрифты Google к контенту сайта. Для выбора шрифта вам достаточно выделить текст и начать выбирать наиболее подходящий вам.

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

FontMeister – этот плагин позволяет скачивать шрифты для сайта с разных сервисов, как платных так и бесплатных. Для этого необходимо ввести ключ API того сервиса, где вы хотите скачать шрифт. Вы можете предварительно просмотреть шрифт.

К минусам недостаткам длительная установка. К достоинствам можно отнести внедрение шрифтов в элементы как темы, так и контента.

И напоследок – Wp-Typograhpy.Последнее обновление плагина было месяц назад, и он совместим с актуальной версией WordPress. Дополнение расширяет существующие возможности WordPress по работе со шрифтами, автоматически меняет минус на дефис там где надо, добавляет диакритические знаки и выполняет другие полезные функции.

Адель Гадельшин

View Comments

  • Большое спасибо за ваш сайт и полезную информацию которая всегда под рукой в шаговой доступности.

Recent Posts

Что такое отказы на сайте, почему они происходят, как их уменьшить

Отказы на сайте - это процент посетителей, которые покидают сайт после просмотра только одной страницы.…

7 месяцев ago

Как сделать запуск инфопродукта

Инфопродукт - это любой продукт, который содержит информацию, полезную для потенциальных клиентов. Это может быть…

8 месяцев ago

Как вебмастеру юридически обезопасить себя

Ведение сайта - это не только подержание его работоспособности и наполнение контентом. В последние годы…

8 месяцев ago

Папки WordPress: значение папок /wp-admin, /wp-includes и /wp-content

WordPress - это популярная система управления контентом (CMS), которая позволяет создавать и управлять веб-сайтами различной…

8 месяцев ago

Что такое сертификат Let’s Encrypt и стоит ли его устанавливать

Сертификат Let’s Encrypt - это бесплатный и открытый сертификат SSL/TLS, который позволяет защитить веб-сайт от…

8 месяцев ago

Защита WordPress от вирусов

WordPress - это одна из самых популярных систем управления контентом в мире, которая используется миллионами…

9 месяцев ago