Chrome与Firefox之间的文本大小差异

我真的在谷歌上搜索过一个类似的问题，但什么也没找到，这让我很困惑

不管怎样，在这个问题上

两种浏览器的菜单书写厚度不同。当字体重量减至500时，两者都是一样的，但当字体重量减至600时，这正是我在firefox中想要的，但在Chrome中明显更厚。这也打破了我的设计

---

我只是想不出这可能是什么……有什么想法吗？

你不能依赖字体宽度的一致性。它不仅在不同的浏览器之间存在差异，而且在不同的操作系统之间也存在很大的差异。相反，您必须创建您的设计，以便在字体宽度上留有一定的余地

为了获得更好的一致性，可以尝试使用HTML5，现在所有现代浏览器都使用HTML5。但即便如此，宽度也不能是固定的——这只能保证至少字体定义是相同的

---

最后，您可以使用图像来实现完美的一致性，但强烈建议不要这样做。最好在设计中留出一些回旋余地。

不要使用

字体重量的数值。它们对于拾取字体族的多个权重没有用处，因为：


浏览器支持较差且不一致
字体支持（将其权重描述为完整系列的一部分）较差
您将在
字体系列中使用的所有内置操作系统字体：
规则除了普通字体和粗体字体之外都没有额外的权重

font-weight:600
一直存在问题。Opera和Chrome都使用合成的粗体字体（重量600），而不是真正的粗体字体变体（重量700以上）。（当在没有粗体/斜体变体的系列上请求粗体或斜体时，通常使用合成字体。）此外，在Firefox/OSX上，
600
通常被视为
normal

与
bold
对齐的正确权重值为
700
。最好只使用普通的
normal
和
bold
值

顺便说一句，你也有一个字体系列拼写错误（
sanserif
应该是
sanserif
）。
好的，谢谢你至少帮我把它（以及sans的东西）弄清楚了