css - 如何让CSS font-weight显示？

Question

我对 CSS font-weight 属性有疑问。我已将 font-weight 设置为 100，但我发现它与设置为 600 时没有任何区别。这已在多个网站上注意到。它已在 Ubuntu 上的 Chrome、Chromium 和 Firefox 中观察到。

我使用的字体是 Helvetica。我需要使字体更轻。

有解决办法吗？

谢谢。

Answer 1

除非字体的字样较浅，否则您无法使字体变浅。 Helvetica 没有。 (Arial 也没有，这是 Helvetica 在大多数计算机中实际映射到的内容，即在缺少 Helvetica 的 Windows 系统上。)网页上常用的大多数字体都没有。

font-weight声明，至少在值小于 400 时，不会修改字体中的任何内容。它不会使笔划变细。相反，它从字体系列中选择较浅(或较粗，取决于值)的字体在可用时，即当字体设计师制作它时。

在Google Fonts , 有一些漂亮的无衬线字体，字体更轻，例如 Roboto、Open Sans 和 Source Sans Pro。请注意，100 是 font-weight 的最小值，很少有字体有这么亮的字样；通常 300，有时 200，是您应该寻找的。