IE 有时加载 WOFF 有时加载 EOT 字体类型

Question

我使用 Angular Material 和 Angular Material 图标。在我的 index.html 中，我有以下标签：

<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">

此行下载带有@font-face 选择器的CSS 文件。似乎来自 CSS 的 "src" 属性因浏览器而异。

使用 Chrome，没问题，它会下载 WOFF2 字体。但在 IE11 上，浏览器有时会下载 WOFF 字体，有时会下载 EOT 字体。使用 WOFF 时，会显示图标。对于 EOT，它们不是。

你知道如何强制浏览器下载 WOFF 字体吗？我想避免在本地存储 font-face。

谢谢！

Answer 1

好吧，我终于改变了使用Material图标字体的方式。

我在 index.html 文件中删除了以下行：

<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">

我通过 NPM 安装了 material-design-icons 包，并配置了我 [=23] 的 styles 部分=]angular-cli.json 文件指向 css 文件，如下所示：

"styles": [
    "<relative_path>/node_modules/material-design-icons/iconfont/material-icons.css"
]

现在，IE11 始终加载 WOFF 类型。

问题已解决！

IE loads sometimes WOFF and sometimes EOT font type