internet-explorer - IE 11 "bulletproof"字体和后备字体不起作用

Question

我在 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。所以现在我真的很困惑。

我绝对不是这方面的老专家，因此非常感谢任何建议!

Answer 1

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

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