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

2024-01-12

这些天我在@font-face 上遇到了麻烦。我的字体未在 IE11 中显示,但在所有其他版本中显示。

事实证明,删除“woff2”字体解决了我的问题,字体显示正常。

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

IE11是否会先尝试加载woff2?


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 技巧 - 使用@font-face https://css-tricks.com/snippets/css/using-font-face/

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

为什么删除 @font-face 中的 woff2 可以解决 IE11 问题 的相关文章