отсутствует шрифт в Firefox - PullRequest
Новая
       1

отсутствует шрифт в Firefox

0 голосов
/ 13 ноября 2018 
<head>
<link href="fonts.css" rel="stylesheet">
</head>

fonts.css 

@font-face {
    font-family: opensans-regular;
    src: url(fonts/opensans/OpenSans-Regular.ttf);
}

@font-face {
    font-family: fontico;
    src: url(fonts/fontico.ttf);
}

fontico - это мой собственный шрифт, созданный с помощью CorelDraw.

Нет проблем с Chrome и Opera.

В Firefox - opensans есть, но fontico отсутствует.

В чем может быть причина?

Ответы [ 2 ]

0 голосов
/ 13 ноября 2018

После проверки ..

Вы уже пробовали использовать в связи с 'format ("truetype") "после src?

Независимо я бы рекомендовал использовать не только TrueType, но и такие типы, как EOT и WOW .
Просто увеличивает доступность. 

@font-face {
    font-family: "fontico";
    src: url("/fonts/fontico.eot");/* IE9*/
    src: url("https://www.youraddress.com/fonts/fontico.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
    url("/fonts/fontico.woff2") format("woff2"), /* chrome、firefox */
    url("/fonts/fontico.woff") format("woff"), /* chrome、firefox */
    url("/fonts/fontico.ttf") format("truetype"), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
    url("/fonts/fontico.svg#Fontico") format("svg"); /* iOS 4.1- */
}

Возможно, один из запасных вариантов лучше работает с Firefox.

0 голосов
/ 13 ноября 2018

Пожалуйста, дважды проверьте Src. В Firefox принимается формат, отличный от ttf.

Extra : Пожалуйста, имейте привычку использовать веб-шрифты, здесь - лучшая статья, чтобы понять использование веб-шрифтов. Вы можете преобразовать ttf в веб-шрифты, используя онлайн-генераторы веб-шрифтов, такие как fontsquirrel

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...