字体面在IE或边缘

不工作我使用下面的字体-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中显示字体吗？

来源

2017-12-27 Cameron Gray

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

你需要调用更多的字体格式来支持其他浏览器。确切地说，Woff和woff2。更多在这里：https://graphicdesign.stackexchange.com/questions/63882/whats-the-smallest-set-of-web-font-formats-that-covers-all-browsers –

嗯，所以如果我想用一个没有可用WOFF/WOFF2字体格式的字体，看起来我是SOL。多么不幸。 –

如果有人绊倒了这篇文章，我最终只使用了更友好的字体。

其他超级晚编辑2018年2月7日 -

确保您的@ font-face规则不包含在媒体查询。媒体查询中包含的@ font-face规则在IE，Edge中不起作用，但可以在我测试的其他所有现代浏览器中使用。

来源

2018-01-09 16:10:58

字体面在IE或边缘

回答

相关问题