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

Question

这是字体系列(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 会忽略它。更糟糕的是，他们忽略了字体系列，而是使用衬线字体，即使我明确指出“sans-serif”，如果一切都失败了。

webfontkit 是用 fontsquirrel 生成的。

如何解决这个问题？

Answer 1

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