首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >谷歌字体在IE11中不起作用

谷歌字体在IE11中不起作用
EN

Stack Overflow用户
提问于 2015-07-29 18:20:06
回答 4查看 4.5K关注 0票数 3

我试图在我的网站上使用谷歌字体Muli。我可以看到字体是在铬,FF和歌剧完美的工作。

当我打开我的网站在IE9,10,11,它根本不采取字体。我试过以下方法,但仍然没有成功。

方法1 :

代码语言:javascript
运行
复制
<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 :

代码语言:javascript
运行
复制
 <link href='http://fonts.googleapis.com/css?family=Muli' rel='stylesheet' type='text/css'>

方法3 :

代码语言:javascript
运行
复制
  @import url(http://fonts.googleapis.com/css?family=Muli);

我发现令人震惊的是,IE根本没有加载http://fonts.googleapis.com/css?family=Muli url。我尝试过在新窗口中加载相同的url,它没有响应,但在其他浏览器中同样有效。

有什么我需要包括在IE中工作吗?

EN

回答 4

Stack Overflow用户

发布于 2015-07-29 18:45:00

你是在本地测试还是在现场网站上测试?IE在HTTPS上存在Web字体的问题(这可能是您的问题)。

票数 2
EN

Stack Overflow用户

发布于 2017-01-06 12:40:23

好的-- OP会检查该站点是否是本地"intranet“站点,就像本地机器或本地网络上的附近机器一样。如果是的话,打开兼容性视图设置并取消选中底部的复选框,显示所有Intranet站点都处于兼容性视图中。

兼容性视图使它将MSIE7.0用户代理字符串发送到不仅web服务器,还发送到服务器说要加载的资源。这意味着Google see是一个MSIE7.0用户代理,并假设您需要EOT字体而不是WOFF格式。这就是为什么谷歌被指责发送不同的东西给IE。他在撒谎,说这很古老。当您关闭该复选框,谷歌将看到新的用户代理字符串,它将工作!

同时,你需要在你的元标签中设置初始规模和最小比例,才能得到一个合适的渲染引擎。至少这似乎是我的固定布局的改变(以前我只使用初始比例)。

代码语言:javascript
运行
复制
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0">
票数 2
EN

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文件。

如何使用CSS包括字体.ttf?

注意:我不知道当你下载所有Google字体时是否都有ttf。但是,我的做了,所以这对我有用。也许有人能跟踪我的答案,如果他们知道这一点!:)

票数 2
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/31708250

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档