Как написать @ font-face для Chrome - PullRequest
0 голосов
/ 20 июня 2019

Вот мой @ font-face в css:

@font-face{
    font-family: CamphorW01-Thin;
    src: local(CamphorW01-Thin), 
         url('/usr/share/fonts/opentype/Camphor W01 Thin.otf');
}

Резервный вариант предназначен для конечных пользователей, у которых не установлен пользовательский шрифт.

Я установил пользовательские шрифты на сервере Ubuntu 18.04 (в облаке), но когда я захожу на сайт из локального браузера Chrome, консоль разработчика показывает:

GET http://(IPAddress)/usr/share/fonts/opentype/Camphor%20W01%20Thin.otf 404 (не найдено)

Пользовательские шрифты устанавливаются в / usr / share / fonts / opentype / и / usr / share / fonts / truetype /, и кэш шрифтов был перестроен. Когда я запускаю команду fc-list, шрифты появляются в списке. Я проверил орфографию и путь, и все совпадает.

Что-то не так с моей строкой @ font-face, показанной выше? Или что-то еще?

Спасибо за помощь. Я очень озадачен.

1 Ответ

1 голос
/ 20 июня 2019

URL должен быть URL, а не путем. Ваши пользователи не могут получить доступ к /usr/share из своих браузеров.

...