在所有浏览器中出现字体粗细？

Question

我使用的是font-weight：300;对于文本。有趣的是，它完全出现在Mac上，但是当我进入Windows时，字体看起来更薄但不像它在Mac上那样。我想丢失的任何东西，我需要为Windows浏览器做什么？

由于

Answer 1

为什么是，字体渲染在不同系统中起作用并且看起来完全不同。你不能让它看起来完全相同。您应该了解不同系统的用户期望并使其看起来正常。

另见Font Rendering: Respecting The Pixel Grid和Font smoothing, anti-aliasing, and sub-pixel rendering。

Answer 2

此font-weight: 300;的解释不同。我通常只选择font-weight: bold;，就是这样。它在各种浏览器中都比较常见。

然而，与任何字体一样，您甚至不知道显示您的HTML / CSS的用户是否具有该字体，因此无论如何我都不会过多关注这一点。问题是你的期望，而不是实际的渲染。接受这样一个事实，即您无法控制用户计算机。如果您愿意，可以将您的网页渲染为一个大的PNG图像并转移而不是您的网站。