Как подключить шрифты на wordpress?

Question

[zeni1agent]

Вопрос весьма общий и банальный.
Существуют ли в wordpress встроенные шрифты
поскольку на сайте
Сказано что он ищет шрифты на компьютере пользователя.
И проверить есть ли встроенные шрифты или это шрифты на моем пк. Мне не удалось
Если их нет то могу ли я установить шрифт отдельно без необходимости подключатся к сторонним ресурсам.
Например с помощью @font-face?
И необходимо ли подключать для каждого начертания отдельный шрифт?
Или уже существуют файлы со стилями хоронящими в себе несколько начертаний в одном.
Заранее спасибо за ответ

Answer 1

[Alex]

У ВП нет никаких встроенных механизмов по управлению шрифтами. Всё что вы описали — стандарт работы браузера.

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

Простейший способ подключить сторонний шрифт — использовать Google Fonts. Сервис предоставляет ссылки на CSS файлы со всеми правилами по подключению выбранного вами набора.

Однако очень важно помнить об оптимизации доставки шрифтов до клиента. Хоть современные браузеры и умеют загружать только те шрифты что вы используете, всё равно необходимо грамотно построить реализацию.

Более подробно

Comments

[zeni1agent]

Еще хотел спросить.
Обязательно ли подключать для каждого языка и начертания шрифт отдельно?

@font-face {
  font-family: 'Awesome Font';
  font-style: normal;
  font-weight: 400;
  src: local('Awesome Font'),
       url('/fonts/awesome-l.woff2') format('woff2'),
       url('/fonts/awesome-l.woff') format('woff'),
       url('/fonts/awesome-l.ttf') format('ttf'),
       url('/fonts/awesome-l.eot') format('eot');
  unicode-range: U+000-5FF; /* Latin glyphs */
}

@font-face {
  font-family: 'Awesome Font';
  font-style: normal;
  font-weight: 400;
  src: local('Awesome Font'),
       url('/fonts/awesome-jp.woff2') format('woff2'),
       url('/fonts/awesome-jp.woff') format('woff'),
       url('/fonts/awesome-jp.ttf') format('ttf'),
       url('/fonts/awesome-jp.eot') format('eot');
  unicode-range: U+3000-9FFF, U+ff??; /* Japanese glyphs */
}

У меня просто мультиязычный сайт.

[Alex]

zeni1agent, Желательно. Это позволит браузеру не загружать не нужные файлы.

Answer 2

[Орхан Гасанлы]

Здравствуйте!
1) Проверить, какой шрифт подключен вы можете в консоли браузера или заглянув в style.css вашей темы (если шрифт подключен в теме). Обычно, в самом вверху указан подключаемый шрифт через @import Иногда шрифты могут подключать через <link ...> в head
2) Вы можете подключить любой шрифт через @import или добавив в шапку<link ...>

Вы даже можете подключить локально шрифты Google.
Выбрать шрифты можно здесь - https://fonts.google.com/ там же есть инструкция по подключению. Но если нужно локально подключить, то эти сайты вам помогут
https://google-webfonts-helper.herokuapp.com/fonts
https://canonicalized.com/local-font/

Answer 3

[lamer350]

Сказано что он ищет шрифты на компьютере пользователя.

Это не особенность WP, так работает css, шрифт ищется на ПК пользователя. Вы можете подключить любой шрифт через @font-face если он не входит в набор стандартных шрифтов ОС, но в 2к19 важно понимать меру отвественности. Если вы используете шрифт без надлежащей лицензии для web - можете нарваться на штраф.