Question

我一直在做前端开发很长一段时间，我从来没有遇到过像这样的bug ......

将以下HTML保存到文件中并在Firefox中查看（我的是3.6.3）：

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <style type="text/css">
    body { font-family: Helvetica, Sans-Serif;}
    h2 {font-weight: normal;}
    </style>
</head>
<body>
     <h2>Some normal text <strong>some bold text</strong> weird huh?</h2>
</body>
</html>

如果您不想尝试一下，输出就像您的猫在打开角色地图时走过键盘，strong标签除外。

我觉得这可能是字体问题？当我摆脱font-weight: normal时，它会恢复正常，但我不希望所有内容都加入我的h2 ......任何人都有任何想法？更重要的是，是否有人能够重现这个？

感谢。

修改

这是一个screenshot。它在所有其他浏览器中都可以正常工作，并且之前未设置为粗体（普通文本）的所有文本都可以正常显示。

Answer 1

您检查过编码吗？

当您删除Helvetica或Sans-Serif并将其替换为其他字体时，您是否遇到同样的问题？例如，您是否尝试过使用其他字体，然后使用Helvetica和Sans-Serif的组合：

Courier，Helvetica

Courier，Sans-Serif

Answer 2

这似乎是Helvetica特有的。以下是一些截图与您的案例完全相同的报告。

他们提到了解决方法。在服务器端：

如果CSS定义使用font定义字体系列：而不是   font-family：，不会发生此错误。

通过font-family设置font-family :(而不是字体:)，   只有在显示大小超过20像素的字体时才会出现错误。它   如果通过em或px设置字体大小无关紧要，但一旦实际设置   显示尺寸超过20像素，它会出现乱码。

在客户端，似乎建议删除或重新安装Helvetica字体。你能检查一下HELVETIC.TTF或类似文件的fonts文件夹吗？

Answer 3

这可能是因为您的机器上装载了一个奇怪的Helvetica版本。尝试在本地禁用该字体，看看会发生什么。

Answer 4

看起来这与编码有关（而不是字体）。检查您的编码，因为它由firefox决定：查看 - ＆gt;字符编码。是UTF-8吗？
将其更改为其他任何内容（例如Western（ISO8859-1））会更改字符吗？

您可以尝试禁用插件，尤其是主题和检查（在安全模式下启动Firefox）吗？也许有些人会加入编码......

完全奇怪的Firefox CSS bug

修改

4 个答案: