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”，他们也会忽略字体家族，而使用衬线字体。

已使用fontsquirrel生成了webfontkit。

如何解决？

Answer 1

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

如何在忽略@ font-face和字体系列的情况下修复Internet Explorer 9和10？

1 个答案: