如何在CSS中设置超薄"font-weight"(小于100)？

Question

我想让文字超薄,不到

font-weight: 100

这可能与CSS有关吗？

像这样,但与helvetica:

Answer 1

处理网络字体时，CSS字体权重不会“使字体变细”（或加粗）。对于未从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以外的值将导致不确定的行为）。现在，这些权重中的两个权重指向相同的字体资源。

即使CSS使用粗细800，以下代码也将使用超薄字体设置文本样式，这对于预定义字体通常意味着“漂亮的粗体”：

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

因此，如果您想使用超级双面字体，那就去吧。但这与CSS font-weight值无关，与您在其@ font-face规则中为其分配值然后在您的font-using-CSS中使用该值无关。

Answer 2

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

不要希望不可能的字体粗细神奇地变成现实，而是使用Font Forge来制作自己的字体。

您可能需要安装在 Mac 上的 Helvetica Nue。

不管怎样，看看谷歌字体并使用过滤器：粗细，就像罗布建议的那样。