IE8嵌入字体在刷新时消失

Question

我通过@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似乎对此问题免疫。这让我相信，虽然这可能是一个浏览器错误，但绝对是一种解决方法。

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

Answer 1

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