2

可能重复：
为什么在 Windows 上的 Chrome 或 Safari 上查看时，html 文本有时会出现乱码？

我在设计时在浏览器中测试了我的页面一段时间。而且我注意到标头标签<h1>在<h6>safari 中没有正确呈现……就像缺少字体一样。我正在运行 twitter-bootstrap，由于某种原因我无法解决这个问题。

在此处输入图像描述

老实说，我认为这是我的电脑字体，而不是浏览器。

如果我在 CSS 中禁用optimizelegibility它，它在 Safari 中可以正常工作，但是，我尝试过的所有其他计算机都可以正常工作。

body {
    margin: 0;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 13px;
    line-height: 18px;
    color: #333333;
    background-color: #222222;
}


h1, h2, h3, h4, h5, h6 {
    margin: 0;
    font-family: inherit;
    font-weight: bold;
    color: inherit;
    text-rendering: optimizelegibility; /*Causing problems */
}

我的 Windows 电脑上什至没有 helvetica Neue，但是我有所有的 Neue LT 字体。

更新

好的，我使用了字体狂热并将我的字体恢复为安装了 Windows 的手机。我从未有过 Helvetica Neue 只有 Helvetica Neue LT。

我让它显示正常，但这提出了一个很好的问题。安装这些字体的人会遇到和我一样的问题吗？

我应该尝试使用字体来解决这个问题吗？我如何诚实地做到这一点，所以没有人会遇到和我一样的问题。

4

1 回答 1

2

这本质上是同一个问题吗？为什么在 Windows 上用 Chrome 或 Safari 浏览时 html 文本有时会出现乱码？

答案（来自链接）：

使用旧版本的 Windows 和旧的 Chrome 分支轻松重新创建。似乎 Chrome 4-8 有这个问题。出于测试目的，请使用 Chrome 4 启动 XP。问题在于text-rendering: optimizelegibility. 这是在旧版 Chrome 中使用优化易读性和@font-face使用 woff 字体时报告的错误。如果可以重现问题，请尝试取出vertical-align: baseline并查看渲染是否仍然是乱码。

这里的这个链接也有一个关于这个问题的有趣评论：http ://code.google.com/p/chromium/issues/detail?id=39017

于 2012-05-01T04:54:15.877 回答