IE 中的 CSS 自定义字体在刷新时发生变化

标签 css font-face custom-font eot

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

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

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

最佳答案

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

我们开始尝试各种博客文章和此线程中描述的修复程序,但我们没有运气。我当时就傻眼了,准备把文字换成图片了。

然后我在 IE 中关闭缓存进行测试,问题就消失了。因此我们尝试在 header 级别关闭缓存。不漂亮。但它奏效了。无缓存 header 仅在字体上设置,它的作用就像一个魅力。

关于IE 中的 CSS 自定义字体在刷新时发生变化,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/6816540/

相关文章:

css - 如何更改 reCAPTCHA 的宽度?

html - 包含图像的 float <li> 元素下方有 4px 间隙

javascript - jQuery 替换 "small-caps"- 内容在 <h3> 标签之间复制 HTML

css - @font-face 适用于 IE8 但不适用于 IE9

android - Android 移动浏览器和混合应用程序不支持自定义古吉拉特语字体 (GopikaTwo)

jquery - 我怎样才能使列表项连续三个

html - 具有 IE11 规范的 CSS 网格 - 网格自行折叠

css - 字体图标 - 如何检索符号代码?

xaml - 所有标签的自定义字体 Xamarin Forms

objective-c - 在 objective-c 中设置自定义字体