如何在CSS中设置超薄“font-weight”（小于100）？

Question

我想让文字超薄，少于

font-weight: 100

这可能与CSS有关吗？

像这样但是用helvetica：

Answer 1

显示的字体重量必须以您选择的字体显示。如果该组中不存在字体粗细，则无法使用CSS选择它。这就是您需要查看所选字体中可用权重的原因。例如，这些内容列在Google字体中，但字体公司通常会列出可用的权重，无论是免费还是购买。

例如，Open Sans将其最轻的权重列为300.如果将其设置为100，则除了将其设置为300之外，您将看不到任何不同，因为100不存在。

尽管如此，你说你想要将重量设置为小于100的值。但是，不到100不是the CSS standard的一部分所以，不，你不能这样做。

Answer 2

CSS字体权重在处理Web字体时不会“使字体变薄”（或粗体）。对于not-loaded-from-url字体，font-weight值从超薄到超粗体映射，但对于自定义字体，权重是“无论@ font-face绑定说它应该是什么”：它们只是区分数字在声明具有多个权重的字体系列时使用。

以下是使用三种权重的Web字体的CSS声明，但仔细查看字体资源与字体权重：

@font-face {
  font-family: "Helvetica Neue";
  font-weight: 800;
  src: url(helveticaneue-ultrathin.woff);
}

@font-face {
  font-family: "Helvetica Neue";
  font-weight: 400;
  src: url(helveticaneue-regular.woff);
}

@font-face {
  font-family: "Helvetica Neue";
  font-weight: 100;
  src: url(helveticaneue-ultrathin.woff);
}

这给了我们一个CSS声明的字体系列，有三个定义的权重（使用100,400或800以外的值，将导致未定义的行为）。现在其中两个权重指向相同的字体资源。

以下代码将使用ultrathin字体设置文本样式，即使CSS使用权重800，对于预定义字体通常意味着“非常大胆”：

<p style="font-family: 'Helvetica Neue'; font-weight:800">This is thin!</p>

因此，如果你想使用超级瘦字体：去吧。但这与CSS font-weight值无关，而且与你的值有关的一切都在@ font-face规则中分配，然后在你的font-using-CSS中使用。

Answer 3

您可以在这里找到字体..：https://www.facebook.com/RITCreative/app/208195102528120/

使用Font Forge创建自己的字体，而不是希望不可能的字体权重变得真实。

你可能想要的是安装在Mac上的Helvetica Nue。

无论如何，请查看Google字体并使用过滤器：厚度，就像Rob建议的那样。

Answer 4

使用：

font-weight:"lighter"

您将得到类似的结果。