这些天我在@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(使用前将#替换为@)