谷歌字体在IE11中不起作用
我试图在我的网站上使用谷歌字体Muli。我可以看到字体是在铬，FF和歌剧完美的工作。
当我打开我的网站在IE9,10,11，它根本不采取字体。我试过以下方法，但仍然没有成功。
方法1 :
<script type="text/javascript">
WebFontConfig = {
google: { families: [ 'Muli::latin' ] }
};
(function() {
var wf = document.createElement('script');
wf.src = ('https:' == document.location.protocol ? 'https' : 'http') +
'://ajax.googleapis.com/ajax/libs/webfont/1/webfont.js';
wf.type = 'text/javascript';
wf.async = 'true';
var s = document.getElementsByTagName('script')[0];
s.parentNode.insertBefore(wf, s);
})(); </script>方法2 :
<link href='http://fonts.googleapis.com/css?family=Muli' rel='stylesheet' type='text/css'>方法3 :
@import url(http://fonts.googleapis.com/css?family=Muli);我发现令人震惊的是，IE根本没有加载http://fonts.googleapis.com/css?family=Muli url。我尝试过在新窗口中加载相同的url，它没有响应，但在其他浏览器中同样有效。
有什么我需要包括在IE中工作吗？
回答 4
Stack Overflow用户
发布于 2015-07-29 18:45:00
你是在本地测试还是在现场网站上测试？IE在HTTPS上存在Web字体的问题(这可能是您的问题)。
Stack Overflow用户
发布于 2017-01-06 12:40:23
好的-- OP会检查该站点是否是本地"intranet“站点，就像本地机器或本地网络上的附近机器一样。如果是的话，打开兼容性视图设置并取消选中底部的复选框，显示所有Intranet站点都处于兼容性视图中。
兼容性视图使它将MSIE7.0用户代理字符串发送到不仅web服务器，还发送到服务器说要加载的资源。这意味着Google see是一个MSIE7.0用户代理，并假设您需要EOT字体而不是WOFF格式。这就是为什么谷歌被指责发送不同的东西给IE。他在撒谎，说这很古老。当您关闭该复选框，谷歌将看到新的用户代理字符串，它将工作！
同时，你需要在你的元标签中设置初始规模和最小比例，才能得到一个合适的渲染引擎。至少这似乎是我的固定布局的改变(以前我只使用初始比例)。
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0">Stack Overflow用户
发布于 2020-05-07 10:18:42
我发现在Google字体样式表中只使用woff2。
https://fonts.googleapis.com/css?family=Muli
而且，根据caniuse的说法，ie11不支持woff2。:O
https://caniuse.com/#feat=woff2
我在ie11中使用Google字体的解决方案是从Google字体下载我的字体，并使用压缩文件中的ttf文件。
注意:我不知道当你下载所有Google字体时是否都有ttf。但是，我的做了，所以这对我有用。也许有人能跟踪我的答案，如果他们知道这一点！:)
https://stackoverflow.com/questions/31708250
复制相似问题
腾讯云开发者
