如何显示CSS font-weight？

Question

我遇到了CSS font-weight属性的问题。我已将font-weight设置为100，但我认为它与600时没有区别。这已在多个网站上发现。在Ubuntu的Chrome，Chromium和Firefox中已经观察到它。

我使用Helvetica作为字体。我需要让字体变亮。

有解决办法吗？

感谢。

Answer 1

并非所有字体都包含其中的所有字体权重（MDN）。

  

100,200,300,400,500,600,700,800,900

     

提供超过普通和粗体的字体的数字字体粗细。如果给出的确切重量不可用，则600-900使用最接近的可用较暗的重量（或者，如果没有，则使用最接近的较轻重量），并且100-500使用最接近的较轻重量（或者，如果没有则） ，最接近可用的较暗的重量）。这意味着对于仅提供普通和粗体的字体，100-500是正常的，600-900是粗体。

Answer 2

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

font-weight声明，至少值小于400，不修改字体中的任何内容。它不会使笔画更薄。相反，它从字体系列中选择更轻（或更大胆，取决于值）字体，即字体设计师制作它时。

在Google Fonts中，有一些很好的无衬线字体和较轻的字体，如Roboto，Open Sans和Source Sans Pro。请注意，100是`font-weight的最小值，很少有字体具有轻的字体;通常300，或有时200，是你应该寻找的。