Internet Explorer中未顯示自定義字體

Question

我的網站使用自定義字體。 它們適用於除Internet Explorer（版本11.0.9600）之外的所有瀏覽器。

CSS代碼：

@font-face {
font-family: 'almoni-dl';
font-weight: 700; /*(bold)*/
font-style: normal;
src: url('https://assets.mywebsite.com/fonts/almoni-dl-aaa-700.eot?#iefix') format('embedded-opentype'), 
    url('https://assets.mywebsite.com/fonts/almoni-dl-aaa-700.woff') format('woff'), 
    url('https://assets.mywebsite.com/fonts/almoni-dl-aaa-700.ttf') format('truetype');
}

html {
    font-family: 'almoni-dl','Trebuchet MS',Helvetica,sans-serif;
}

到目前為止我嘗試過的：

1. 字體使用子域的絕對路徑。 這些字體的響應包括標題Access-Control-Allow-Origin:* 。 我也嘗試過使用相對路徑，沒有運氣。
2. 字體本身已正確下載，返回代碼200。
3. 緩存被清除了好幾次。
4. 字體的內容類型是：woff = application / font-woff; ttf = application / octet-stream; eot = application / vnd.ms-fontobject。
5. 其他網站（如www.newyorker.com）在同一瀏覽器上正確顯示自定義字體。

6. 我還嘗試了以下語法：

    @font-face { font-family: 'almoni-dl'; font-weight: 700; /*(bold)*/ font-style: normal; src: url('https://assets.kalir.co.il/fonts/almoni-dl-aaa-700.eot'); src: url('https://assets.kalir.co.il/fonts/almoni-dl-aaa-700.eot?#iefix') format('embedded-opentype'), url('https://assets.kalir.co.il/fonts/almoni-dl-aaa-700.woff') format('woff'), url('https://assets.kalir.co.il/fonts/almoni-dl-aaa-700.ttf') format('truetype'); } 

還有什么可能是錯的？

Answer 1

在css的font-family屬性中，嘗試鍵入字體的實際全名，如果不起作用，請嘗試使用完整文件名（減去擴展名）作為font-family。 如果字體系列名稱與預期不同，IE已知問題找到字體！