目前正在使用谷歌字体建立一个网站。一切都可以在 IE6 到 10、Firefox、Chrome 和移动浏览器上运行。但是在 IE 11 上没有加载字体,所有内容都使用后备字体(无衬线等)显示。
同样的问题似乎已在以下两页上讨论过,但没有解决:
Google Code
MSDN Forums
我也找不到解决方案,想知道这里是否有人有解决方法。
目前正在使用谷歌字体建立一个网站。一切都可以在 IE6 到 10、Firefox、Chrome 和移动浏览器上运行。但是在 IE 11 上没有加载字体,所有内容都使用后备字体(无衬线等)显示。
同样的问题似乎已在以下两页上讨论过,但没有解决:
Google Code
MSDN Forums
我也找不到解决方案,想知道这里是否有人有解决方法。
对我来说,使用 Web Font Loader javascript 而不是添加字体的默认方法在 IE11 中有效。https://developers.google.com/fonts/docs/webfont_loader。
它还具有在字体下载之前在慢速连接上显示默认字体文本的优势,此时它将切换到谷歌字体。否则你在几十秒内根本没有收到任何文字。
重要提示:您应该选择具有相似大小/字距调整/前导等的备用字体,以尽量减少影响用户体验的屏幕重绘和内容跳转问题。
我有类似的问题。仅当我按下刷新或前进/后退按钮时,来自 css 的字体才在 IE11 中加载。我已经设法解决了这个问题,添加了一个空的“样式”标签来加载文档。(例如:)$('head').append('<style></style>')
希望这对有同样问题的人有所帮助。
即使我在 IE11 中也遇到了同样的问题,但使用“woff”格式为我解决了这个问题。