IE 11“防弹”字体
我在IE11中遇到了问题。 我使用了以下字体，在Chrome，Safari和Firefox中运行良好，但不在IE中运行。
@font-face {
font-family: 'Avenir';
src: url('fonts/avenirnextltpro-mediumcn.eot?#iefix') format('embedded-opentype'); /* IE6-IE8 */
src: url('fonts/avenirnextltpro-mediumcn.woff') format('woff'), /* Modern Browsers */
url('fonts/avenirnextltpro-mediumcn.ttf') format('truetype'), /* Safari, Android, iOS */
url('fonts/avenirnextltpro-mediumcn.svg#svgFontName') format('svg') /* Legacy iOS */
}
所以我增加了一些回退
font-family: 'Avenir', 'Arial Narrow', 'sans-serif';
这实际上适用于我的机器上的IE 11，但不是在同事的IE 11上。所以现在我真的很困惑。
我绝对不是一个老东西在这个东西，所以任何建议非常感谢！
我不知道IE 11现在是否支持其他字体格式，如.woff，但我最好的猜测是，您应该为IE9 +添加另一个.eot字体，因为您只为IE版本6-8添加了.eot字体。 见下文。
你的代码：
src: url('fonts/avenirnextltpro-mediumcn.eot?#iefix') format('embedded-opentype'); /** IE6-IE8 **/
尝试并更新它像这样：
src: url('fonts/avenirnextltpro-mediumcn.eot'); /** IE9 Compat Modes **/
src: url('fonts/avenirnextltpro-mediumcn.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
这是配置字体的好资源。 告诉它你想要的字体类型，样式，下载压缩文件，并复制配置文件：
https://google-webfonts-helper.herokuapp.com/fonts
链接地址: http://www.djcxy.com/p/46989.html