Не подключаются кастомные шрифты на GitHub Pages
Ссылка на репозиторий: https://github.com/bergdev/bergdev.github.io
Ссылка на сайт: https://bergdev.github.io/BergDesign/index.html
Я попытался подключить шрифт Cony с помощью
@font-face {
font-family: Cony;
src: url(.../BergDesign/fonts/19939.otf);
}
А также
@font-face {
font-family: Cony;
src: url(/fonts/19939.otf);
}
И использовать его на .textxs и .textlg из style.css. При том что на моём компьютере это работало.
Ничего не вышло. В чём причина и как пофиксить?
Ответы (2 шт):
Автор решения: Enokin
→ Ссылка
У вас не верный путь до файлов шрифтов. Попробуйте так url(./../fonts/19939.otf); или так url(../fonts/19939.otf);
Автор решения: Konstantin_SH
→ Ссылка
- На дворе 2020. Сейчас принято использовать шрифты формата
woffилиwoff2. Особенно с@font-face. Конвертируйте свойotf-ник Сервис тут - Укажите правильный путь. Обычно он такой:
"../fonts/19939.woff"Вы забыли кавычки и то, что на сервере у Вашего сайта другой путь, чем на локальном компьютере и Ваш шрифт просто не находит.