Используйте специальные шрифты в незарегистрированном блоге WordPress

Я хотел бы использовать шрифт, который я заплатил на webtype.com в своем блоге WordPress. У меня нет собственного блога, поэтому я не могу ничего изменить в основных php-файлах как function.php или добавлять плагины. Итак, единственным решением, которое я нашел, является добавление этого содержимого в файл настройки css:

@font-face { font-family: "Scout Normal"; src: url("http://the/url/of/the/file") format("woff"); font-style: normal; font-weight: normal; } .block p { font-family: "Scout Normal"; } 

Проблема в том, что каждый раз, когда я сохраняю файл, WordPress удаляет URL-адрес при загрузке шрифта, что означает

 src: url("http://the/url/of/the/file") format("woff"); 

стали

 src: format("woff"); 

Вот скриншот, чтобы показать вам, где я добавляю эти правила css.

Есть ли у вас идеи заставить загружать шрифт или другую идею загрузить его? Спасибо за помощь.

Solutions Collecting From Web of "Используйте специальные шрифты в незарегистрированном блоге WordPress"

@Clemzd

Сначала вам @font-face css не хватает нескольких строк, необходимых для правильного функционирования шрифта во всех браузерах и платформах.

У вас есть только один URL-адрес src в вашем @font-face css.

Посмотрите, как написано мое @font-face css. Мои файлы шрифтов находятся внутри папки с именем fonts внутри папки моей дочерней темы, где у меня установлен WP на моем сервере.

 @font-face { font-family: Antenna-Regular; src: url('/fonts/Antenna-Regular.eot'); src: url('/fonts/Antenna-Regular.eot?#iefix') format('embedded-opentype'), url('/fonts/Antenna-Regular.woff') format('woff'), url('/fonts/Antenna-Regular.otf') format('truetype'), url('/fonts/Antenna-Regular.svg#Antenna-Regular') format('svg'); font-weight: normal; font-style: normal; } 

Если у вас есть файлы шрифтов локально, почему бы не создать новую папку в дочерней теме под названием fonts и поместить туда необходимые файлы. Затем сделайте ваш @font-face css похожим на мой.

Если шрифты находятся на webtype.com, и они дают вам возможность использовать @import url(http://link_to_font); функция, попробуйте. Просто поставьте эту строку кода в верхней части таблицы стилей CSS. Затем просто используйте font-family: nameoffont; где бы вы ни захотели в своем css.