0

我正在使用嵌入式字体@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;
}

一个有趣的注释：

不知何故，谷歌网络字体似乎不受这个问题的影响。这让我相信，虽然这可能是一个浏览器错误，但肯定有一个解决方法。

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

4

1 回答 1

0

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

于 2012-06-27T12:05:11.307 回答