2017-12-27 881 views
0

不工作我使用下面的字體-face規則:字體面在IE或邊緣

@font-face { 
    font-family: aiCustomFont; 
    src: url('../fonts/myriadpro-regular.otf') format('opentype'), 
     url('../fonts/myriad pro regular.ttf') format('truetype'); 
} 

這個工程完全按照預期的Safari瀏覽器,Chrome瀏覽器和Firefox。 IE11和Edge完全不起作用。我沒有看到任何錯誤記錄到控制檯或其他地方。我在IE中發現了很多關於字體問題的文章,但其中大部分都是幾年前的版本。

TTF/OTF之外還需要不同的字體格式才能在IE11/Edge中顯示字體嗎?

+1

首先檢查出來https://stackoverflow.com/questions/8050640/how-does-iefix-solve-web-fonts-loading-in-ie6-ie8 –

+1

你需要調用更多的字體格式來支持其他瀏覽器。確切地說,Woff和woff2。更多在這裏:https://graphicdesign.stackexchange.com/questions/63882/whats-the-smallest-set-of-web-font-formats-that-c​​overs-all-browsers –

+0

嗯,所以如果我想用一個沒有可用WOFF/WOFF2字體格式的字體,看起來我是SOL。多麼不幸。 –

回答

0

如果有人絆倒了這篇文章,我最終只使用了更友好的字體。

其他超級晚編輯2018年2月7日 -

確保您的@ font-face規則不包含在媒體查詢。媒體查詢中包含的@ font-face規則在IE,Edge中不起作用,但可以在我測試的其他所有現代瀏覽器中使用。