Как добавить шрифты на сайт

Добавление шрифтов в WordPress

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

 

Шаг 1

При помощи сервиса Google Fonts можно значительно увеличить количество шрифтов на сайте.

https://fonts.google.com/

Google Fonts

 

Шаг 2

Выбираются русские шрифты. В правом боку сайта нужно обратить внимание на раздел “Languages” и выбрать “Cyrillic”.

Выбор русских шрифтов

 

Шаг 3

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

Выбор шрифта

 

Шаг 4

Нижняя панель развернется после щелчка и покажется код, который следует добавить на сайт.

  • Первый код помещается в header.php, между тегами <head> и </head>
  • Второй код вставляется в CSS раздел сайта.

Коды шрифтов

 

Шаг 5

А теперь более подробно, куда помещать коды в WordPress.

Раздел “внешний вид” и переход в редактор темы. После идет поход в header.php и вставка шрифтового кода между тегами <head> </head>

<link href="https://fonts.googleapis.com/css?family=Roboto" rel="stylesheet">

Вставка Гугл шрифта в head

 

Шаг 6

Раздел “внешний вид” и вкладка “настроить”.

Следом  отправка в “дополнительные стили” и добавление Google шрифта для текстовых объектов.

  • Добавление шрифта Roboto  для предложений
p { font-family: 'Roboto', sans-serif; }
  • Добавление шрифта Roboto для заголовков
h1, h2, h3, h4, h5, h6 { font-family: 'Roboto', sans-serif; }
  • Добавление шрифта Roboto для ссылок
a { font-family: 'Roboto', sans-serif; }

Шрифты добавить в ВордПресс

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

Подпишись! И свежие статьи будут поступать прямо на твою электронную почту!


И не забывай про лайки...

Тематический контент

Фильтр:ВсеЖдет ответа
Феникс спросил 4 недели назад
145 просм.1 ответ.2 голос.