Не подключаются кастомные шрифты на GitHub Pages

219

12 апреля 2022, 12:40

Ссылка на репозиторий: 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. При том что на моём компьютере это работало.

Ничего не вышло. В чём причина и как пофиксить?

Answer 1

На дворе 2020. Сейчас принято использовать шрифты формата woff или woff2. Особенно с @font-face. Конвертируйте свой otf-ник Сервис тут
Укажите правильный путь. Обычно он такой: "../fonts/19939.woff" Вы забыли кавычки и то, что на сервере у Вашего сайта другой путь, чем на локальном компьютере и Ваш шрифт просто не находит.

Answer 2

У вас не верный путь до файлов шрифтов. Попробуйте так url(./../fonts/19939.otf); или так url(../fonts/19939.otf);