Font-Face无法在IE或Edge中运行

Question

我使用以下字体规则：

@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中显示字体吗？

Answer 1

如果有人发现这篇文章，我最后只使用了一种更适合网络的字体。

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