【问题标题】:IE8 embedded font dissapears on refreshIE8 嵌入字体在刷新时消失
【发布时间】:2012-06-28 20:14:59
【问题描述】:

我通过@font-face 使用嵌入字体,它工作正常...直到在 IE8 上(尚未尝试过较新版本),当你做一些疯狂的事情,比如刷新或使用向后和前进按钮以重新加载页面。

更糟糕的是,它甚至没有默认为我的字体堆栈中的字体,它似乎直接进入 Arial(存在一些严重的间距问题)。

可以在这里看到一个活生生的例子:

http://rcnhca.org.uk/sites/first_steps/

为了您的观赏乐趣的图像比较:

相关的 CSS 供您阅读:

@font-face {
    font-family: 'DroidSerifRegular';
    src: url('DroidSerif-Regular-webfont.eot');
    src: url('DroidSerif-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('DroidSerif-Regular-webfont.woff') format('woff'),
         url('DroidSerif-Regular-webfont.ttf') format('truetype'),
         url('DroidSerif-Regular-webfont.svg#DroidSerifRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

一个有趣的注释:

不知何故,Google web fonts 似乎对此问题免疫。这让我相信,虽然这可能是一个浏览器错误,但肯定有解决方法。

如果您想知道为什么我不只使用他们的服务;我不能。

【问题讨论】:

  • 我无法在 Windows Server 2003 上使用 IE8 进行复制。
  • @thirtydot 感谢您提供的信息,我正在使用 XP。不只是我,因为我在网上找到了相关问题。只是没有解决方案。

标签: css internet-explorer fonts refresh font-face


【解决方案1】:

如果您不能使用 Google 字体,那么可能是您的问题的不同解决方案。请参阅 CUFON 库 here。 它将常规 TTF 字体转换为 javascript 文件,您可以下载并嵌入到 HTML 代码中,然后将特定的 DOM 元素(由您选择)替换为 canvas 标签。

【讨论】:

  • 谢谢budiony,我以前用过CUFON,但我不喜欢它被无形选中的方式。
  • “隐形选中”是什么意思?
  • 可以高亮显示文字,但看不到高亮显示。
猜你喜欢
  • 1970-01-01
  • 2013-01-08
  • 2019-10-07
  • 1970-01-01
  • 1970-01-01
  • 2014-02-10
  • 1970-01-01
  • 2012-04-06
  • 2011-07-02
相关资源
最近更新 更多