字體呈現不適用於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格式的雙重包容，而不是需要它。