我有一个在 CSS 中使用的自定义字体,已转换为 EOT、WOFF 和 TTF,以便在所有浏览器中使用
它工作得很好,除了在 IE 中,是的,你猜对了。它确实有效,但在我的 IE8 中,当我刷新时,字体的高度似乎发生了变化,这导致所有间距都消失了...任何人都可以看到问题或确认这不仅仅是我的浏览器吗?
最佳答案
我和我的同事正在摸索同样的错误。我们的环境在 Facebook 框架中运行。第一次加载页面时(缓存为空),字体渲染得很好,但经过简单的刷新后,字体变成了 Arial 并带有我们自定义字体的字距调整等。该错误在 HTTP 和 HTTPS 上也有所不同,在 HTTP 上它可以正常工作。
我们开始尝试各种博客文章和此线程中描述的修复程序,但我们没有运气。我当时就傻眼了,准备把文字换成图片了。
然后我在 IE 中关闭缓存进行测试,问题就消失了。因此我们尝试在 header 级别关闭缓存。不漂亮。但它奏效了。无缓存 header 仅在字体上设置,它的作用就像一个魅力。
关于IE 中的 CSS 自定义字体在刷新时发生变化,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/6816540/