Une de mes polices Web ne fonctionne pas sur Firefox

Question

J'ai deux polices Web installées sur mon site et une travaille sur Firefox, tandis que l'autre ne l'est pas. Si vous le cochez sur Chrome, les deux polices Web Google fonctionnent parfaitement. Voici mon code:

@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; 

} 

site est http://www.journeytoearth.com/

Merci à l'avance pour toute aide et des solutions.

Answer 1

Il semble que la propriété src @ font-face de "UnitSlabProBlack" soit absolument liée, alors que votre propriété src "UnitSlabProLight" est relative à la racine.

Je suggère d'essayer de changer le format src UnitSlabProBlack pour correspondre à celui de "UnitSlabProLight", puisque celui-ci fonctionne.

Il ressemble à Firefox accepte que des liens relatifs pour le src: http://webfonts.info/wiki/index.php?title=%40font-face_support_in_Firefox

De 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;}