css - 为什么删除@font-face中的woff2可以解决IE11问题

Question

这些天我在使用@font-face 时遇到了麻烦。我的字体未在 IE11 中显示，但在所有其他字体中显示。

原来删除“woff2”字体解决了我的问题，字体显示正常。

我现在的问题是:为什么这会是解决方案？ IE11 的想法是什么，删除一个简单的“woff2”标签可能就是答案？我的意思是，通常我会阅读有关 .htaccess 文件和其他确实不容易找到的内容...

IE11 是否首先尝试加载 woff2？

Answer 1

IE 11 使用 woff 而不是 woff2。如果你想要最大的兼容性使用这个:

@font-face {
  font-family: 'MyWebFont';
  src: url('webfont.eot'); /* IE9 Compat Modes */
  src: url('webfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('webfont.woff2') format('woff2'), /* Super Modern Browsers */
       url('webfont.woff') format('woff'), /* Pretty Modern Browsers */
       url('webfont.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('webfont.svg#svgFontName') format('svg'); /* Legacy iOS */
}

供引用:CSS Tricks - Using @font-face