Question

我使用Angular Material with Angular Material Icon。在我的index.html中，我有以下标记：

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

此行下载带有@ font-face选择器的CSS文件。似乎＆＃34; src＆＃34;根据浏览器，来自CSS的属性是不同的。

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

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

谢谢！

Answer 1

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

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

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

我通过NPM安装了 material-design-icons 包，并将 angular-cli.json 文件的 styles 部分配置为指向在这样的css文件：

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

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

问题解决了！