Два простых способа добавить новый шрифт в сайт WordPress

Два простых способа добавить новый шрифт в сайт WordPress

Два простых способа добавить новый шрифт в сайт WordPress

Один из вариантов придать своему блогу на wordpress отличительную черту – использовать нестандартный шрифт. Студия дизайна «Движок» покажет как легко можно это сделать.

Способ 1 — Google Fonts

  • Достоинства: быстро, просто.
  • Недостатки: часто отображается не всех браузерах.

Все просто: выбираем нужный нам шрифт (если нужен шрифт какой «понимает» русский и украинский то выбираем - Cyrillic или Cyrillic Extended) здесь: www.google.com/fonts и нажимаем на понравившейся нам шрифт Quick-use:

Google Fonts

Далее, выбираем нужный стиль и кодировку (Кириллица, Латиница и т.д.)

Способ 1 - Google Fonts

После, копируем код, который необходимо вставить в файл header.php вашей текущей темы между тегами <strong><head></head></strong>.

header.php

И присваиваете в <em>style.css</em> вашей темы новый шрифт для нужных элементов.

ВАЖНО! Не забудьте проверить сайт во всех браузерах — если не везде отображается одинаково, то смотрим следующий способ.

Способ 2 — загрузить вручную

  • Плюсы: работает на всех стандартных и современных браузерах.
  • Минусы: нужно править файл стилей своего сайта.

Скачиваем понравившийся нам шрифт в формате <strong>.ttf</strong> на любом специализированном сайте:

.ttf

И по FTP загружаем на сайт — я советую в папку вашей темы. Затем, в файле стилей (обычно это <em>style.css</em>) вставляем следующее:

@font-face {
font-family: Archangel;
src: local("Archangel"),
url(/wp-content/themes/mytheme/42852.ttf);
}

Пояснение:

font-family: Archangel; — название
src: local("Archangel"), — проверка, есть ли у пользователя такой шрифт в ОС, если нет — загружаем наш
url(/wp-content/themes/mytheme/42852.ttf); — путь до нашего, где 42852.ttf — имя файла (может отличаться от названия)

После проделанных действий все будет работать на всех браузерах без исключения.

Вот и все, если Вы хотите «поблагодарить» наше IT сообщество — у вас есть такая возможность: справа есть варианты для пожертвований на развитие портала. Или поделитесь статьей в ваших соц.стеях через сервисы ниже.
Если у вас есть доп. списки — будем рады если прикрепите их в комментарии.

Отправить ответ

Please Login to comment
Войти с помощью: 
  Subscribe  
Notify of
Authorization
*
*
Войти с помощью: 
Registration
*
*
*
Войти с помощью: 

twenty − fourteen =

Password generation