Один из моих веб-шрифтов не отображается в Firefox - PullRequest
Новая
       13

Один из моих веб-шрифтов не отображается в Firefox

3 голосов
/ 05 января 2012

У меня на сайте установлено два веб-шрифта, один из которых работает в Firefox, а другой - нет.Если вы отметите его в Chrome, оба веб-шрифта Google будут работать идеально.Вот мой код: 

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

}

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

}

Сайт http://www.journeytoearth.com/

Заранее благодарен за любую помощь и решения.

1 Ответ

3 голосов
/ 05 января 2012

Похоже, что свойство @ font-face src для "UnitSlabProBlack" абсолютно связано, в то время как ваше свойство src "UnitSlabProLight" относительно корня.

Я бы предложил попробовать изменить формат src UnitSlabProBlack, чтобы он соответствовал формату "UnitSlabProLight", поскольку он работает.

Похоже, что Firefox принимает только относительные ссылки для src: http://webfonts.info/wiki/index.php?title=%40font-face_support_in_Firefox

С http://www.journeytoearth.com/wp-content/themes/melville/style.css

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


@font-face {
font-family: 'UnitSlabProBlack';
src: url('http://www.journeytoearth.com/fonts/unitslabpro-black-webfont.eot');
src: url('http://www.journeytoearth.com/fonts/unitslabpro-black-webfont.eot?#iefix') format('embedded-opentype'),
     url('http://www.journeytoearth.com/fonts/unitslabpro-black-webfont.woff') format('woff'),
     url('http://www.journeytoearth.com/fonts/unitslabpro-black-webfont.ttf') format('truetype'),
     url('http://www.journeytoearth.com/fonts/unitslabpro-black-webfont.svg#UnitSlabProBlack') format('svg');
font-weight: normal;
font-style: normal;}
...