1

我将 Angular Material 与 Angular Material Icon 一起使用。在我的 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,他们不是。

Chrome 日志

IE11 日志

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

谢谢 !

4

1 回答 1

0

好吧,我终于改变了使用 Material Icon 字体的方式。

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

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

我通过 NPM安装了material-design-icons包,并将angular-cli.json文件的样式部分配置为指向 css 文件,如下所示:

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

现在,IE11 总是加载 WOFF 类型。

问题解决了!

于 2017-12-04T10:00:14.613 回答