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

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

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