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

Question

我想让文字超细，小于

font-weight: 100

这可能与 CSS 相关吗？

像这样，但使用 helvetica:

Answer 1

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

以下是使用三种粗细的 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 中使用。