Как добавить шрифт в wordpress

У меня есть файл шрифта oswald.woff, загруженный с сайта бесплатных шрифтов. Использование ftp i создало папку, называемую шрифтами в папках тем. (т. е. / wp-content / themes / esplanade / fonts). В папке 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 используется для представления, его не сайт origianl), который не найден в консоли ошибок firebug.

как получить URL-адрес файла oswald.woff

Solutions Collecting From Web of "Как добавить шрифт в wordpress"

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

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

 /** 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 ); } 

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

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