2

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

它完美地工作，除了，是的，你猜对了，IE。它确实有效，但在我的 IE8 中，当我刷新字体时，字体的高度似乎发生了变化，这会导致所有的间距都消失......任何人都可以看到问题或确认它不仅仅是我的浏览器吗？

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

4

2 回答 2

3

我和我的同事都在摸索同一个错误。我们的环境在 Facebook 框架中运行。在第一次加载页面（缓存为空）时，字体呈现良好，但经过简单的刷新后，字体变成了 Arial，使用我们自定义字体的字距调整或其他。该错误也从 HTTP 到 HTTPS 不同，在 HTTP 上它可以正常工作。

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

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

于 2012-06-20T17:27:32.153 回答
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;
于 2012-01-25T10:17:49.433 回答