Question

我有一个我在CSS中使用的自定义字体，转换为EOT，WOFF和TTF以在所有浏览器中工作

它完美无缺，除了，是的，你猜对了，IE。它确实有效，但在我的IE8中，当我刷新字体似乎改变高度，抛出所有的间距...任何人都可以看到问题或确认它不只是我的浏览器？

http://www.uniquegeeks.co.uk/djeurope/

Answer 1

我和我的同事正在摸索同样的错误。我们的环境是在Facebook框架中运行的。在第一次加载页面（带有空缓存）时，字体渲染得很好，但在简单刷新后，字体变成了Arial，带有我们的自定义字体的字距调整等等。该错误也有所不同，从HTTP到HTTPS，在HTTP上它可以正常工作。

我们开始搞乱各种博客帖子和这个帖子中描述的修复，但我们没有运气。我傻眼了，准备用图像替换文本。

然后我在IE中关闭了缓存测试，问题就消失了。所以我们尝试在标题级别关闭缓存。不漂亮。但它奏效了。 no-cache标头只在字体上设置，它就像一个魅力。

Answer 2

这项工作对我而言。在<link>

中添加 id

<link id="main-css" rel="stylesheet" type="text/css" href="/css/styles.css" />

在文档就绪上，使用纯javascript或jQuery。

 //Script
    document.getElementById('main-css').href=document.getElementById('main-css').href;

 //or Jquery
    $('#main-css')[0].href=$('#main-css')[0].href;

IE中的CSS自定义字体在刷新时更改

2 个答案: