@ font-face не отображается в Firefox - PullRequest
Новая
       18

@ font-face не отображается в Firefox

0 голосов
/ 25 октября 2011

Я пытался использовать @ font-face на сайте, я использую css, который мне дает шрифт, и он хорошо выглядит в Safari, IE и на iphone, но в Firefox он не отображается.У меня Firefox 7.0.1 на Mac OSX Snow Leopard.Я искал в Интернете и попробовал некоторые «решения», но ни одно из них не сработало.сайт, на который я хочу загрузить этот @ font-face, - http://www.utochinredning.se

Может ли кто-нибудь указать мне, в каком направлении можно найти решение?

1 Ответ

0 голосов
/ 25 октября 2011

Разместите свой код?

Снято в темноте, но вы включили все соответствующие файлы шрифтов? Это пример того, как должен выглядеть ваш @ font-face (по крайней мере, мой) 

@font-face {
    font-family: 'Museo300';
    src: url('Museo300-Regular-webfont.eot');
    src: url('Museo300-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('Museo300-Regular-webfont.woff') format('woff'),
         url('Museo300-Regular-webfont.ttf') format('truetype'),
         url('Museo300-Regular-webfont.svg#Museo300') format('svg');
    font-weight: normal;
    font-style: normal;
}

У меня есть следующие файлы шрифтов: 

Museo300-Regular-webfont.eot
Museo300-Regular-webfont.svg
Museo300-Regular-webfont.ttf
Museo300-Regular-webfont.woff

Тогда в вашей таблице стилей: 

h1 {
    font-family: "Museo300";
    font-weight: normal;
}
...