字体呈现不适用于Mozilla

Question

我想呈现segoeuilight字体。我渲染这样的： -

/*Font Face*/ 
@font-face 
{ font-family: 'SegoeUI-Light'; src: url('segoeuilight.eot'); src: url('segoeuilight.eot?#iefix') format('embedded-opentype'), url('segoeuilight.woff') format('woff'), url('segoeuilight.ttf') format('truetype'), url('segoeuilight.svg#segoeuilight') format('svg'); font-weight: normal; font-style: normal } 

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

这是工作的罚款在所有的浏览器，但不是撕心裂肺的firfox的字体。它给出了一个错误的Firefox： - NetworkError：404未找到 - segoeuilight.woff”

我已经把这个文件，我可以看到我的位置，这个文件 需要帮助得到它在Firefox上运行

。

感谢

Answer 1

你已经增加了超过一个src属性，每个声明的，正因为如此，浏览器将最后一个有效的一个。在你的情况下，它是WOFF情况下，因此它试图加载它应该用逗号分开你的src，这样你就可以尝试首先加载最好的（本地的），然后再加上更差的选项（比如WOFF RY轻巧，尝试，然后再回到属于SVG字体的是更大）

试试这个：

/*Font Face*/ 
@font-face { 
    font-family: 'SegoeUI-Light'; 
    src: url('segoeuilight.eot?#iefix') format('embedded-opentype'), url('segoeuilight.woff') format('woff'), url('segoeuilight.ttf') format('truetype'), url('segoeuilight.svg#segoeuilight') format('svg'); 
    font-weight: normal; 
    font-style: normal 
} 

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

编辑去除EOT格式的双重包容，而不是需要它。