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

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

3 голосов
/ 13 декабря 2011

Мой @ font-face работает во всех других браузерах, которые я пробовал, но в Firefox в Windows он загружает ресурсы шрифтов, но отображает запасной вариант. Вот этот код: 

@font-face {
    font-family: 'VanillaRegular';
    src: url('http://dl.dropbox.com/u/19510731/ttfonts/Vanilla-webfont.eot');
    src: url('http://dl.dropbox.com/u/19510731/ttfonts/Vanilla-webfont.eot?#iefix') format('embedded-opentype'),
         url('http://dl.dropbox.com/u/19510731/ttfonts/Vanilla-webfont.woff'),
         url('http://dl.dropbox.com/u/19510731/ttfonts/Vanilla-webfont.ttf'),
         url('http://dl.dropbox.com/u/19510731/ttfonts/Vanilla-webfont.svg#VanillaRegular');
    font-weight: normal;
    font-style: normal;
}

Тогда я встроил это так: 

.post h3 {
border-bottom:1px solid #c7e7fa;
color:#51514E;
font-size:22px;
font-weight:bold;
line-height:1.4em;
margin:0.25em 0 8px;
padding:0 0 4px;
font-family: "VanillaRegular", Arial, sans-serif;
}

Что-то, что мне конкретно нужно сделать для Firefox, или это просто мой код?

РЕДАКТИРОВАТЬ: следует добавить, используя Firefox 8, и конечный продукт находится в Blogger.

Ответы [ 2 ]

3 голосов
/ 13 декабря 2011

Поместите эти шрифты на свой сервер, и они будут работать.Firefox не может передавать шрифты на аутсорсинг.

0 голосов
/ 13 декабря 2011

Я полагаю, это потому, что у вас есть 

@font-face {

... Snip

font-weight: normal;
font-style: normal;
}

и ваш CSS у вас есть 

.post h3 {
... snip

font-weight:bold;

... snip
}

Если у вас нет больше кода, вам нужно еще одно объявление для вашего жирного шрифта.

Оформить статью css3.info .

...