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

  • Решено yalaby

    (@yalaby)


    4 года, 6 месяцев назад

    Добрый вечер!
    Пытаюсь поменять шрифт заголовка сайта на кастомный (верхняя ссылка «Печать & Шоколад»). Загрузил шрифт на сервер в папку с дочерней темой, добавил в файл 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;
}

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

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

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

Просмотр 1 ответа (всего 1)
  • Автор yalaby

    (@yalaby)

    4 года, 6 месяцев назад

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

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

.site-branding {
   font-family: brush445;
}

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

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