字体在IE上不显示答案

【问题标题】：The font is not displayed on IE字体在IE上不显示
【发布时间】：2020-02-11 05:57:03
【问题描述】：

@font-face {
  font-family: 'Museo-Sans';
  src:  url('../fonts/MuseoSans/MuseoSans-900.otf') format('opentype'),
        url('../fonts/MuseoSans/MuseoSans-900.eot'),
        url('../fonts/MuseoSans/MuseoSans-900.eot?#iefix') format('embedded-opentype');
  font-weight: 900;
  font-style: normal;
}

Internet Explorer 上不会显示。我拿了 otf 文件，将其转换为 eot，但在这里我自己添加了第三行。如何正确转换，使文件有这个?#iefix？

【问题讨论】：

您使用的是哪个特定的 IE 版本？（我知道没有多少人使用 IE11 以外的任何东西，所以很容易假设，但即使在今天，清楚这一点也很重要，因为 IE 从一个版本到下一个版本的功能是完全不同的，就像这个问题的答案。
什么版本的 Internet Explorer？如果家族名称与字体的全名不同，IE 有时会在查找 .eot 文件时遇到问题。来自https://stackoverflow.com/questions/13323370/eot-not-working-in-ie
我用的是 11 版本
您是否尝试检查并确认该字体文件是否已在 IE 中加载？检查并确认文件没有损坏。我建议您创建一个小样本并用它进行测试以验证结果。

标签： css internet-explorer font-face webfonts

【解决方案1】：

尝试使用 .woff 格式使其在 IE11 中工作

@font-face {
    font-family: 'Museo-Sans';
    src: url('../fonts/MuseoSans/MuseoSans-900.eot'); /* IE9 Compat Modes */
    src: url('../fonts/MuseoSans/MuseoSans-900.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('../fonts/MuseoSans/MuseoSans-900.woff') format('woff'), /* IE 9-11 & Modern Browsers */
         url('../fonts/MuseoSans/MuseoSans-900.ttf')  format('truetype'), /* Safari, Android, iOS */
         url('../fonts/MuseoSans/MuseoSans-900.svg#svgFontName') format('svg'); /* Legacy iOS */
    }

【讨论】：