Разработка Темы - Как Добавить Шрифт В Wordpress

Bi-ljalja

У меня есть файл шрифта oswald.woff, загруженный с какого-то сайта бесплатных шрифтов. Используя FTP, я создал папку Fonts в папках тем. (т. е. /wp-content/themes/esplanade/fonts). В папку шрифтов я положил файл oswald.woff.

 @font-face {

font-family: "Oswald";

font-style: normal;

font-weight: 400;

src: local("Oswald Regular"), local("Oswald-Regular"), url("fonts/oswald.woff") format("woff");
}

Я использую этот шрифт для заголовка h1. При открытии моего сайта появляется сообщение «www.mysite.com/fonts/oswald.woff» (mysite.com используется для представления, а не исходный сайт), которого нет в консоли ошибок Firebug.

как получить URL файла oswald.woff

#разработка темы

M2964

Он должен находиться по адресу www.mysite.com/wp-content/themes/esplanade/fonts/oswald.woff.

Webmusor

Вы включаете только WOFF, поэтому для браузеров, которые его не поддерживают, нет резервного варианта. Посмотреть это статья из CSS Tricks о @font-face.

Если вам абсолютно не нужно включать шрифт локально, почему бы не загрузить Освальда из Google Fonts? Вы можете добавить Google Fonts с помощью плагина, такого как WP Google Шрифтыили при разработке темы добавьте в файл function.php следующее:

  h1 {

font-family: "Oswald", Helevetica, Arial, sans-serif;
}

Добавьте следующий CSS (с резервными шрифтами):

/** Load Google fonts */
add_action( 'wp_enqueue_scripts', 'custom_load_google_fonts' );

function custom_load_google_fonts() {

wp_enqueue_style( 'google-fonts', '//fonts.googleapis.com/css?family=Oswald', array(), PARENT_THEME_VERSION );
}

Похожие темы	Дата
Плагины – Как Настроить «Повторение» Wp_Schedule_Event?	19.12.2024, 05:12
Wp Query — Отображать Определенную Страницу «Шаблона» По Любому Url-Адресу, Который Заканчивается На Ее Фрагмент.	19.12.2024, 05:12
Wpcolorpicker — Проблема С Реализацией Публикации Мета	19.12.2024, 05:12
Перенаправление — Отключить И Скрыть Wp-Json	19.12.2024, 05:12
Сообщения С Запросами - Использование Пользовательских Таксономий Для Организации Продуктов - Изо Всех Сил Пытается Назвать Правильный Список	19.12.2024, 05:12
Кажется, Не Могу Заставить [Короткий Код] Работать	19.12.2024, 05:12
Json — Передача Мета-Массива В Wp-Rest Api	19.12.2024, 05:12
Сайт Wordpress – Использование Пользовательской Базы Данных И Php	19.12.2024, 05:12
Плагины. Как Я Могу Заставить Панель Поиска На Моем Сайте Wordpress Искать По Всем Страницам, А Не Только По Сообщениям В Блоге?	19.12.2024, 05:12
Журнал Ошибок Раздут Из-За Add_View	19.12.2024, 05:12

Разработка Темы - Как Добавить Шрифт В Wordpress

Bi-ljalja

M2964

Webmusor

I AM

Интересно