Добавления шрифта

Правила раздела: faq.php?mode=okay
Модератор: Модераторы

GolDen
GolDen
Репутация: 0
Сообщения: 2
Зарегистрирован: 20.06.2022
С нами: 1 месяц 22 дня

Сообщение #1 GolDen » 20.06.2022, 20:13

Доброго времени суток. Может кто-то поможет советом, а то бъюсь уже третьи сутки. Пытаюсь подключить новый шрифт, прописываю все как нужно в файле head.tpl
<link href="{$rootUrl}/design/{$settings->theme}/fonts/eukraine/e-Ukraine-Light.woff2" rel="prefetch" as="font" crossorigin="anonymous" type="font/woff2">
<style>
@font-face {
font-family: 'eUkraine';
font-display: swap;
src: local('e-Ukraine Light'), local('e-Ukraine-Light'),
url('{$rootUrl}/design/{$settings->theme}/fonts/eukraine/e-Ukraine-Light.woff2) format("woff2"),
url('{$rootUrl}/design/{$settings->theme}/fonts/eukraine/e-Ukraine-Light.woff) format("woff");
font-weight: 300;
font-style: normal;
}
</style>
и в okay.css
body {
font-family: 'eUkraine', arial, sans-serif;
}

естественно создана папка и помещены туда все шрифты, права доступа к папке и файлам даны. Собственно все сделано точно также как и для подключенного в стандартном шаблоне шрифта Montserrat. Но тем не менее шрифт все равно не работает. Может где-то еще что-то нужно сделать?
Спасибо!!!

korshunov
korshunov
Репутация: 114
Сообщения: 1627
Зарегистрирован: 03.12.2015
С нами: 6 лет 8 месяцев
Skype

Сообщение #2 korshunov » 21.06.2022, 06:18

Проверяйте через браузерный инспектор. Там ошибки обычно сразу видны...

GolDen
GolDen
Репутация: 0
Сообщения: 2
Зарегистрирован: 20.06.2022
С нами: 1 месяц 22 дня

Сообщение #3 GolDen » 21.06.2022, 06:43

Спасибо за ответ. Конечно, первым делом там и проверял.

когда в

Код: Выделить всё

<link href=".../e-Ukraine-Light.woff2" rel="preload" as="font" crossorigin="anonymous" type="font/woff2">


стоял

Код: Выделить всё

rel="preload"
то было предупреждение

Код: Выделить всё

The resource https://.../e-Ukraine-Light.woff2 was preloaded using link preload but not used within a few seconds from the window's load event. Please make sure it has an appropriate `as` value and it is preloaded intentionally.


Код: Выделить всё

rel="preload"
был заменен на

Код: Выделить всё

rel="prefetch"
- предупреждение пропало, но шрифт так и не отображается. Вернее за счет этого

Код: Выделить всё

src: local('e-Ukraine Light'), local('e-Ukraine-Light')


отображается пользователям у которых шрифт установлен в системе.


Название раздела: Вопросы по работе с OkayCMS
Правила раздела: faq.php?mode=okay

Быстрый ответ


Введите код в точности так, как вы его видите. Регистр символов не имеет значения.
Код подтверждения

   

Вернуться в «Вопросы по работе с OkayCMS»

Кто сейчас на форуме (по активности за 5 минут)

Сейчас этот раздел просматривают: 5 гостей