#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';