Добавить пользовательский шрифт с помощью CSS в тему WordPress

#css #fonts

#css #шрифты

Вопрос:

Я ищу замену стандартного шрифта в моей команде для магазина электронной коммерции, www.inspirebyloui.dk .

Это невозможно сделать в теме, поэтому я хочу сделать это в исходном коде. Тем не менее, я пытался просмотреть различные файлы css, чтобы увидеть, где я могу изменить этот параметр. И я все еще не справился.

Может ли кто-нибудь помочь мне в правильном направлении, просмотрев исходные тексты в консоли? Я очень расстроен.

БР Мартин

Ответ №1:

Существует простое и дешевое решение для сайтов WordPress: используйте AnyFont

Вы можете получить «облегченный» (бесплатный) ключ API для одного шрифта на одном сайте, тогда вот цены, если вам нужно больше шрифтов: Используйте AnyFont API, я использую его годами, работает как шарм.

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

Или вы можете получить веб-формат для вашего шрифта, форматы .woff или .eot (встроенный opentype) и импортировать их в свою таблицу стилей css следующим образом :

 @font-face {
font-family: 'yourfont-300';
font-style: normal;
src: url('/wp-content/yourtheme/yourfont.eot');
src: local('yourfont-300'), url('/wp-content/yourtheme/yourfont.eot') format('embedded-opentype'), url('/wp-content/yourtheme/yourfont.woff') format('woff');
}
  

А затем используйте его подобным образом в своих стилях css :

 font-family:'yourfont-300';