
Два простых способа добавить новый шрифт в сайт WordPress
- Stats: 4140 0
- Author: admin
- Category: CMS WordPress, Css, Дизайн, Шпаргалка
- Comments: Комментариев нет

Один из вариантов придать своему блогу на wordpress отличительную черту – использовать нестандартный шрифт. Студия дизайна «Движок» покажет как легко можно это сделать.
Способ 1 — Google Fonts
- Достоинства: быстро, просто.
- Недостатки: часто отображается не всех браузерах.
Все просто: выбираем нужный нам шрифт (если нужен шрифт какой «понимает» русский и украинский то выбираем - Cyrillic или Cyrillic Extended) здесь: www.google.com/fonts и нажимаем на понравившейся нам шрифт Quick-use:
Далее, выбираем нужный стиль и кодировку (Кириллица, Латиница и т.д.)
После, копируем код, который необходимо вставить в файл header.php
вашей текущей темы между тегами <strong><head></head></strong>
.
И присваиваете в <em>style.css</em>
вашей темы новый шрифт для нужных элементов.
ВАЖНО! Не забудьте проверить сайт во всех браузерах — если не везде отображается одинаково, то смотрим следующий способ.
Способ 2 — загрузить вручную
- Плюсы: работает на всех стандартных и современных браузерах.
- Минусы: нужно править файл стилей своего сайта.
Скачиваем понравившийся нам шрифт в формате <strong>.ttf</strong>
на любом специализированном сайте:
И по 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 сообщество — у вас есть такая возможность: справа есть варианты для пожертвований на развитие портала. Или поделитесь статьей в ваших соц.стеях через сервисы ниже.
Если у вас есть доп. списки — будем рады если прикрепите их в комментарии.
Отправить ответ