我试图在我的网站上使用谷歌字体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中工作吗?
发布于 2015-07-29 18:45:00
你是在本地测试还是在现场网站上测试?IE在HTTPS上存在Web字体的问题(这可能是您的问题)。
发布于 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">
发布于 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
复制相似问题