2016-01-21 57 views
0

我注意到Firefox拒絕在我的一個網頁上加載自定義字體。我90%確定它在一個月前運作。現在我使用Firefox 43.04(Windows)。在控制檯中的錯誤是:Firefox完全拒絕EOT的字體加載

downloadable font: rejected by sanitizer (font-family: "PT Serif" style:normal weight:bold stretch:normal src index:0) source: https://localhost:8443/project/fonts/2/pt-serif-v8-latin_latin-ext-700.eot 

而html文本是用系統字體(Times New Roman)呈現的。

相關的CSS是:

@font-face { 
 
    font-family: 'PT Serif'; 
 
    font-style: normal; 
 
    font-weight: 700; 
 
    src: url('../fonts//pt-serif-v8-latin_latin-ext-700.eot'); /* IE9 Compat Modes */ 
 
    src: local('PT Serif Bold'), local('PTSerif-Bold'), 
 
     url('../fonts//pt-serif-v8-latin_latin-ext-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ 
 
     url('../fonts//pt-serif-v8-latin_latin-ext-700.woff') format('woff'), /* Modern Browsers */ 
 
     url('../fonts//pt-serif-v8-latin_latin-ext-700.ttf') format('truetype'), /* Safari, Android, iOS */ 
 
}

如果我刪除這兩個線,EOT,那麼它工作正常(Web字體使用)。

問題是,爲什麼當問題只是一種格式時,它拒絕整個字體家族? 我需要eot IE(奇怪的是,caniuse聲稱自v9以來IE支持WOFF,但它似乎不適用於我的IE11)。

我下載的字體文件直通https://google-webfonts-helper.herokuapp.com/fonts

回答

0

的CSS線(具有「Safari瀏覽器,安卓,iOS版」)用逗號而不是分號結束。 (臉紅)

正確的(測試工作)的版本是:

@font-face { 
 
    font-family: 'PT Serif'; 
 
    font-style: normal; 
 
    font-weight: 700; 
 
    src: url('../fonts//pt-serif-v8-latin_latin-ext-700.eot'); /* IE9 Compat Modes */ 
 
    src: local('PT Serif Bold'), local('PTSerif-Bold'), 
 
     url('../fonts//pt-serif-v8-latin_latin-ext-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ 
 
     url('../fonts//pt-serif-v8-latin_latin-ext-700.woff') format('woff'), /* Modern Browsers */ 
 
     url('../fonts//pt-serif-v8-latin_latin-ext-700.ttf') format('truetype'); /* Safari, Android, iOS */ 
 
}