2011-07-25 30 views
2

改变我已经得到了我使用CSS自定义字体,转换到EOT,WOFF和TTF在所有浏览器CSS定义字体在IE浏览器上的刷新

它完美,除了在工作,是的,你猜它,IE。它的工作,但在我的IE8时,当我刷新字体似乎改变了高度,抛出所有的间距......任何人都可以看到问题或确认它不只是我的浏览器?

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

+0

即使点击刷新,在IE7中看起来很好吗? – Phil

+0

?在我的它不断改变字体高度... – Lee

+0

在IE8中看起来很好,甚至在刷新。虽然lorem的最上面的一行看起来会稍微减少,如果我减小页面宽度直到出现一个水平滚动条。但这是我看到的唯一问题。 –

回答

1

这个工作适合我。把一个ID<link>

<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; 
3

我和我的同事们正在摸索同样的错误。我们的环境运行在Facebook框架中。在第一次加载页面(带有空的缓存)时,字体效果很好,但是在简单刷新之后,字体就会变成Arial与我们自定义字体的字距,或者其他东西。该错误也不同于HTTP到HTTPS,在HTTP上它可以正常工作。

我们开始讨论在各种博客文章和此主题中描述的修复,但我们没有运气。我傻眼了,准备用图像替换文字。

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

+0

同样的问题在这里。没有缓存是唯一的选择。 –

+0

[This answer](http://stackoverflow.com/a/13424799/2590861)帮助我解决了类似的问题。 –