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

Question

Дмитрий @WiederKraft

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

Добрый день!
Не удается подключить шрифты (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

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

Вопрос задан более трёх лет назад
1457 просмотров

4 комментария

Подписаться 1 Простой 4 комментария

Александр Notfar @Palladi_N

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

Написано более трёх лет назад
Александр Notfar @Palladi_N

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

Написано более трёх лет назад
Дмитрий @WiederKraft Автор вопроса

Александр 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
Ни один не помог.

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

Написано более трёх лет назад
Александр Notfar @Palladi_N

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

Написано более трёх лет назад

Пригласить эксперта

Ответы на вопрос 1

2 комментария

Орхан Гасанлы @azerphoenix

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

на
get_stylesheet_directory_uri

Написано более трёх лет назад
Дмитрий @WiederKraft Автор вопроса

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

В дочерней теме создал папку 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
Ни один не помог.

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

Написано более трёх лет назад

Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации

Похожие вопросы

HTML

+2 ещё

Простой
Media запросы, нужно менять каждые 10px. Может проблема в коде?
- 2 подписчика
- час назад
- 49 просмотров
0

ответов
WordPress

+1 ещё

Простой
Какой есть плагин для регистрации и добавлением дополнительных полей и с поддержкой Woocommerce?
- 1 подписчик
- 13 часов назад
- 24 просмотра
2

ответа
WordPress

+1 ещё

Простой
Woocommerce rest api, как реализовать филтрацию с учетом вариаций?
- 1 подписчик
- 15 часов назад
- 19 просмотров
1

ответ
WordPress

Средний
Каким способом лучше сделать натяжку верстки на Wordpress? ACF либо другие способы?
- 1 подписчик
- вчера
- 50 просмотров
1

ответ
JavaScript

+4 ещё

Средний
Как сделать правильное динамическое масштабирование ion-range в зависимости от ширины колонок линии со значениями?
- 1 подписчик
- 23 апр.
- 52 просмотра
0

ответов
WordPress

Простой
Как сделать pagination в WordPress для Custom Post Type?
- 1 подписчик
- 23 апр.
- 30 просмотров
0

ответов
WordPress

Простой
Как создать шаблон вывода записей с произвольным типом?
- 1 подписчик
- 23 апр.
- 31 просмотр
1

ответ
WordPress

+2 ещё

Средний
Как сделать автоматический выбор региона по IP в Wordpress?
- 1 подписчик
- 22 апр.
- 62 просмотра
2

ответа
WordPress

+1 ещё

Простой
Как добавить RSS widget на wordpress?
- 1 подписчик
- 22 апр.
- 29 просмотров
1

ответ
WordPress

Средний
Как увеличить стоимость товара при помощи чекбоксов?
- 1 подписчик
- 21 апр.
- 50 просмотров
2

ответа
Показать ещё Загружается…

WordPress developer (Contractor, Remote)

Hicaliber

До 2 300 $

Разработчик на Wordpress

Nocodered

от 40 000 до 140 000 ₽

Контент-менеджер, редактор (web3, крипто, финансы)

Bitbanker.ru

от 80 000 до 100 000 ₽

Повысить оригинальность работы с 14% до 70%

25 апр. 2024, в 23:14

1600 руб./за проект

Доработать приложение - интегрировать виджет TODOs

25 апр. 2024, в 22:44

5000 руб./за проект

Доделать проект - расширение для Whatsapp (Chrome)

25 апр. 2024, в 22:33

15000 руб./за проект

Значит тема формирует стили
Подключи доп файл стилей через function.php и подключай шрифт в новом файле стилей
ну и не забудь сконвертировать все файлы 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
Ни один не помог.

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

Answer 1 · 2019-05-15 17:01:56

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()

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

Войдите, чтобы написать ответ

Минуточку внимания

Войдите на сайт