Intereting Posts
Установка плагинов на сайте, размещенном на IIS Вызов нескольких сценариев с использованием wp_enqueue_script Разрешить загрузку CSV-файлов Профиль пользователя BuddyPress Помощь с IF имеет фокус тогда … statment Настройки плагина не сохраняются и 404 генерируется при отправке Как добавить FB как + share И другие социальные кнопки на ВСЕХ страницах и сообщениях? Полный список типов пользовательских сообщений, организованный двумя таксономиями получить следующий следующий пост в single.php wp_update_post через ajax из интерфейса WordPress WC Vendor: уведомление о подтверждении бронирования при изменении статуса бронирования с платного на подтвержденное WooCommerce – удаление атрибутов с разбивкой по страницам или отображение большего количества результатов на странице Автоматическая сортировка сообщений по настраиваемому полю Как отслеживать, кто удалил файлы Принудительные загрузки Используйте Yearmonth для отключения (0) для всех существующих сайтов в Multisites

Используйте специальные шрифты в незарегистрированном блоге 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.

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

@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.