html - 字体在 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 中不起作用，但在我测试过的所有其他现代浏览器中都起作用。