Font-Face not working in IE or Edge

html css css3 internet-explorer font-face

928 观看

1回复

32 作者的声誉

I am using the following font-face rule:

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

This works exactly as expected for Safari, Chrome, and Firefox. It does not work at all for IE11 and Edge. I am not seeing any errors logging to the console or anywhere else. I have found many articles on font issues in IE but most of them are several years old.

Do I still need different font formats outside of TTF/OTF for the font to display in IE11/Edge?

作者: Cameron Gray 的来源 发布者: 2017 年 12 月 27 日

回应 1


1

32 作者的声誉

决定

If anyone stumbles across this post, I ended up just using a more web-friendly font.

Make sure your @font-face rules are NOT contained in media queries. @font-face rules contained in media queries do not work in IE, Edge, but work in every other modern browser I tested on.

作者: Cameron Gray 发布者: 2018 年 1 月 9 日
32x32