Как подключить шрифты на сайте WordPress?

Question

[Дмитрий]

Добрый день!
Не удается подключить шрифты (Play) на сайте в дочерней теме. Пробовал различные варианты:
1) и через @font-face в style.css
@font-face {
font-family: 'Play', sans-serif;
src: url('/fonts/play.ttf') format("truetype");
font-weight: 300;
}

2) и в блоке head в файле header.php


Ни один способ не срабатывает - шрифты удается без проблем подключить только через "Дополнительные стили" в "Настройках".
Прошу помочь разобраться!

Comments

[Sgor Sgor]

Значит тема формирует стили
Подключи доп файл стилей через function.php и подключай шрифт в новом файле стилей

[Sgor Sgor]

ну и не забудь сконвертировать все файлы otf woff woff2

[Дмитрий]

Александр Notfar, спасибо, но не сработало(((

В дочерней теме создал папку styles, закинул в нее fonts.css следующего содержания
@font-face {
font-family: 'Play', sans-serif;
src: url('/play.woff') format('woff');
font-weight: 300;
}

в function.php дочки добавил

add_action( 'wp_enqueue_scripts', 'extra_fonts' );
function extra_fonts() {
wp_enqueue_style( 'style-name', get_stylesheet_directory_uri() . '/styles/fonts.css' );
}

Попробовал разные варианты и get_template_directory_uri, и get_stylesheet_directory_uri
Ни один не помог.

В чем то я видимо ошибаюсь, но вот в чем...?

[Sgor Sgor]

Дмитрий, А дочерняя активна? как вариант попробовать подключить в главной теме что бы разобраться в чем суть

Answer 1

[dicem]

1) Делаешь CSS файл с @font-face необходимых шрифтов;
2) Сохраняешь в папке темы, например в /styles/fonts.css
3) Открываешь functions.php в директории темы и вставляешь в конец файла скрипт:

add_action( 'wp_enqueue_scripts', 'extra_fonts' );

function extra_fonts() {
	wp_enqueue_style( 'style-name', get_template_directory_uri() . '/styles/fonts.css' );
}

4) Если тему делал сам, убедись, что в хэдере есть wp_head(), а в футере wp_footer()

Comments

[Орхан Гасанлы]

У него дочерняя тема и скорее всего он делал тему не сам. Соответственно,
заменяем:
get_template_directory_uri

на
get_stylesheet_directory_uri

[Дмитрий]

Добрый день!
Спасибо за поддержку, но... не работает(((
Вероятно, я что-то не так делаю...

В дочерней теме создал папку styles, закинул в нее fonts.css следующего содержания
@font-face {
font-family: 'Play', sans-serif;
src: url('/play.woff') format('woff');
font-weight: 300;
}

в function.php дочки добавил

add_action( 'wp_enqueue_scripts', 'extra_fonts' );
function extra_fonts() {
wp_enqueue_style( 'style-name', get_stylesheet_directory_uri() . '/styles/fonts.css' );
}

Попробовал разные варианты и get_template_directory_uri, и get_stylesheet_directory_uri
Ни один не помог.

В чем то я видимо ошибаюсь, но в чем...? Подскажите, плиз!!