如何修复 Internet Explorer 9 和 10 忽略 @font-face 和字体系列？答案

【问题标题】：How to fix Internet Explorer 9 and 10 ignoring @font-face and font family?如何修复 Internet Explorer 9 和 10 忽略 @font-face 和字体系列？
【发布时间】：2019-01-02 06:25:34
【问题描述】：

这是字体家族（HelveticaNeueCond）的CSS代码：

@font-face {
font-family: 'helveticaneuecond';
src: url('helveticaneuecond_bold_0-webfont.eot');
src: url('helveticaneuecond_bold_0-webfont.eot?#iefix') format('embedded-opentype'),
     url('helveticaneuecond_bold_0-webfont.woff2') format('woff2'),
     url('helveticaneuecond_bold_0-webfont.woff') format('woff'),
     url('helveticaneuecond_bold_0-webfont.ttf') format('truetype'),
     url('helveticaneuecond_bold_0-webfont.svg#helveticaneuecondbold') format('svg');
font-weight: bold;
font-style: normal; }

其他字体变体（粗体/斜体、普通/斜体、普通/普通）在 stylesheet.css 中以相同的方式实现

这是它的链接方式：

<link rel="stylesheet" href="webkit/stylesheet.css" type="text/css" charset="utf-8" />

这就是字体系列的名称：

body { font-family: 'HelveticaNeueCond', Tahoma, Arial, sans-serif; }

现在，它在所有新浏览器中都能正常运行，包括 Edge、IE11 和所有现代移动浏览器。它甚至适用于大多数 IE（甚至 8 岁及以上）。但是，IE 9 和 10 直接忽略它。更糟糕的是，他们忽略了字体系列，而是使用衬线字体，即使我明确指出“无衬线”，万一一切都失败了。

已经用 fontsquirrel 生成了 webfontkit。

如何解决这个问题？

【问题讨论】：

只是为了确保：您知道 IE9 或 IE10 都不再受支持了吗？微软几年前就硬停止了它们，它们不再接收任何类型的更新，支持（ed）IE9/10 的操作系统现在要么支持 Edge，要么本身也已经停止。让你的服务器测试客户端的浏览器版本，并为 IE 提供一个不同的 CSS 文件，这样他们就不会得到所有这些格式（你应该 stop using, too。使用 woff/woff2 并使用eot 格式仅适用于已死的 IE 浏览器）

标签： css internet-explorer fonts font-face webfonts

【解决方案1】：

您是否尝试过font-family: 'HelveticaNeueCond'; 中的@font-face？您不必更改字体文件名，但您应该尝试更改在@font-face 中声明的字体名称。或者，当然，您可以更改正文规则中的名称：body { font-family: 'helveticaneuecond', Tahoma, Arial, sans-serif; }。他们应该匹配，在上下演员表中也是如此。

【讨论】：