CSS自定义字体在IE刷新时改变

Question

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

它工作完美，除了，是的，你猜对了，IE。它确实有效，但在我的IE8中，当我刷新字体时，字体的高度似乎发生了变化，从而抛出了所有的间距…有谁能看到问题或确认这不是我的浏览器的问题吗?

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

Answer 1

我和我的同事都在摸索同样的bug。我们的环境运行在Facebook框架中。在第一次加载页面时(使用空缓存)，字体呈现得很好，但经过简单的刷新后，字体变成了带有我们自定义字体的字距的Arial。这个错误也不同于HTTP和HTTPS，在HTTP上它可以正常工作。

我们开始在各种博客文章和这个线程中描述修复，但我们没有运气。我惊呆了，准备用图片代替文字。

然后我在IE中关闭缓存进行测试，问题消失了。所以我们尝试在header级别关闭缓存。不漂亮。但它奏效了。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;