Файлы пользовательских шрифтов не загружаются в Firefox CSS, но загружаются в Chrome / Safari - PullRequest
Новая
       60

Файлы пользовательских шрифтов не загружаются в Firefox CSS, но загружаются в Chrome / Safari

0 голосов
/ 26 июня 2019

Локальные копии шрифтов Helvetica и BebasNeue не загружаются из CSS в Mozilla Firefox, но это происходит в Safari / Chrome.

У меня есть локальные копии Helvetica в форматах ttf, eot, woff и woff2, и я создал css @ font-face, как показано в коде ниже.Я сделал то же самое с BebasNeue Regular, но пока у меня есть только ttf. 

@font-face {
    font-family: 'Helvetica';
    src: url('../fonts/Helvetica.eot');
    src: url('../fonts/Helvetica.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Helvetica.woff2') format('woff2'),
        url('../fonts/Helvetica.woff') format('woff'),
        url('../fonts/Helvetica.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Bebas Neue';
    src: url('../fonts/BebasNeue\ Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
};

Вкладка «Сеть» в моих инспекторах chrome и safari показывает, что он загружает Helvetica.woff2 и BabasNeue, но Firefox - нетзагрузка любого из них.У меня установлены последние версии браузеров, и я работаю на MacOS Mojave.

В чем может быть проблема?Как я могу убедиться, что файлы шрифтов проекта будут загружены во все браузеры, а не на шрифты моего локального компьютера?

В Firefox не отображаются сообщения об ошибках, но вкладка Сеть пуста.Кроме того, шрифт BebasNeue имеет дополнительный нежелательный межбуквенный интервал в Safari, но я подозреваю, что это связано с отсутствием типов шрифта TrueType или Woff для этого шрифта.

...