Поддержка Темы и шаблоны Подключение кастомного шрифта

  • Добрый вечер!
    Пытаюсь поменять шрифт заголовка сайта на кастомный (верхняя ссылка «Печать & Шоколад»). Загрузил шрифт на сервер в папку с дочерней темой, добавил в файл style.css дочерней темы следующий код:

    @font-face {
    font-family: brush445;
    src: url('http://printsurgu.nichost.ru/docs/wp-content/themes/storefront-child/Brush445.ttf');
    }
    
    .site-branding .site-title {font-family: brush445;}

    Однако, не заработало. Подозреваю, что не к тому классу применил стиль, но не уверен. Хотя смотрел через отладчик, вроде должно быть правильно. Подскажите, пожалуйста, в чём дело. Ещё видел, что у некоторых в настройках типографики можно выбирать шрифт, это какой-то плагин делает? У меня там можно только цвет шрифта настроить.

    Также, подскажите, пожалуйста, как изменить размер заголовка (слово «Здравствуйте!») на главной странице на такой же, как у заголовков на странице товара? (фраза «Печать фотографий» http://printsurgu.nichost.ru/product/photos/)
    _____________________
    заметил еще такую вещь: открыл с айфона сайт, заголовок стал отображаться шрифтом TimesNewRoman, хотя через отладчик когда ставлю вид мобильного приложения шрифт старый
    Ради интереса добавил вот такой код в style.CSS вместо вышеуказанного:

    @font-face {
    font-family: brush445;
    src: url('http://printsurgu.nichost.ru/docs/wp-content/themes/storefront-child/Brush445.ttf');
    }
    
    .site-branding .site-title {font-family: brush445;
        color: blue;
    }

    однако, ни на телефоне, ни на компьютере цвет синим не стал.

    • Тема изменена 3 года, 9 месяцев назад пользователем yalaby.
    • Тема изменена 3 года, 9 месяцев назад пользователем yalaby.
    • Тема изменена 3 года, 9 месяцев назад пользователем yalaby.
    • Тема изменена 3 года, 9 месяцев назад пользователем yalaby.
    • Тема изменена 3 года, 9 месяцев назад пользователем yalaby.

    Страница, с которой нужна помощь: [войдите, чтобы увидеть ссылку]

Просмотр 1 ответа (всего 1)
  • Парился пол дня, в итоге заработал следующий код:

    @font-face {
    font-family: 'brush445';
    src: url('18294.otf') format('opentype');
    }
    
    .site-branding {
       font-family: brush445;
    }

    неправильно объявлял, в общем

Просмотр 1 ответа (всего 1)
  • Тема «Подключение кастомного шрифта» закрыта для новых ответов.