Fonts IE有时加载WOFF字体,有时加载EOT字体

Fonts IE有时加载WOFF字体,有时加载EOT字体,fonts,internet-explorer-11,google-material-icons,Fonts,Internet Explorer 11,Google Material Icons,我使用带角度材质图标的角度材质。 在my index.html中,我有以下标记: <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet"> 此行下载带有@font-face选择器的CSS文件。根据浏览器的不同,来自CSS的“src”属性似乎有所不同 使用Chrome,没有问题,它下载WOFF2字体。但在IE11上,浏览器有时下载WOFF字体,有时下载EOT字体。使

我使用带角度材质图标的角度材质。 在my 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字体吗?我希望避免在本地存储字体


谢谢大家!

我终于改变了使用材质图标字体的方式

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

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

我通过NPM安装了材质设计图标包,并将angular cli.json文件的样式部分配置为指向css文件,如下所示:

"styles": [
    "<relative_path>/node_modules/material-design-icons/iconfont/material-icons.css"
]
“样式”:[
“/node\u modules/material design icons/icont/material icons.css”
]
现在,IE11总是加载WOFF类型


问题解决了

我终于改变了使用材质图标字体的方式

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

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

我通过NPM安装了材质设计图标包,并将angular cli.json文件的样式部分配置为指向css文件,如下所示:

"styles": [
    "<relative_path>/node_modules/material-design-icons/iconfont/material-icons.css"
]
“样式”:[
“/node\u modules/material design icons/icont/material icons.css”
]
现在,IE11总是加载WOFF类型


问题解决了

您想在woff中使用的字体可用吗?当然,因为有时候IE会下载woff类型的字体,并显示图标。字体是来自谷歌的材质图标。IE将其作为WOFF下载,尤其是当我打开Fiddler时…所以你是说有时下载的字体与WOFF相同,而有时下载的字体是eot?是@Rob!这正是我所说的。也许是一个奇怪的问题,但是:你为什么要提供
eot
?这是一种死气沉沉的格式,只有IE8及以下版本才支持,而微软在两年前就已经停止了这种格式。你想要使用的字体在woff中可用吗?当然,因为有时候IE会下载woff类型的字体,并显示图标。字体是来自谷歌的材质图标。IE将其作为WOFF下载,尤其是当我打开Fiddler时…所以你是说有时下载的字体与WOFF相同,而有时下载的字体是eot?是@Rob!这正是我所说的。也许是一个奇怪的问题,但是:你为什么要提供
eot
?这是一种死气沉沉的格式,只有IE8及以下版本才支持,而微软几乎在两年前就已经停止了这种格式。