Question

我在IE11中遇到了我的字体问题。我使用了以下font-face，它在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.所以现在我真的很困惑。

我绝对不是这个东西的老专家，所以非常感谢任何建议！

Answer 1

这是配置字体的绝佳资源。告诉它你想要的字体类型，样式，下载zip和复制配置：

https://google-webfonts-helper.herokuapp.com/fonts

Answer 2

我不确定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 */

IE 11“防弹”字体 - 脸部和后退字体不起作用

2 个答案: