如何控制 HTML 元素与外部 CSS 的粗体程度

Question

我正在尝试使用以下 CSS 在我的网站上自定义某些 HTML 的字体粗细。

p{
font-weight: 1.2px;
}

不允许我通过调整字体粗细值来调整字体粗细。我怎样才能像上面那样使用外部 CSS 使文本变粗或变浅？

Answer 1

你不能在字体粗细中使用 px 它不是 支持的格式 ，试试这个，它会为你工作-

p{
  font-weight: 100;
}
p{
  font-weight: 900;
 }

或者您可以使用

p{
  font-weight: normal;
}
p{
  font-weight: bold;
}

Answer 2

Px 不是衡量字体粗细的有效方法。尝试 "normal"、"bold" 或 "bolder" 之类的权重，或者从 100 到 900 以 100 为增量。

示例：

p { font-weight: 700 }

Answer 3

字体粗细属性设置文本中字符的粗细显示。

您可以从 100 到 900，其中 400 与正常相同，700 与粗体相同。

不要使用 "px"

Answer 4

您可以这样做：

p.custom-weight
{
        font-weight: 700;
}

您不需要 'px'，您可以使用 class 获得比 p

更强大的功能

Answer 5

输入小数就可以了，400和normal一样，700和bold一样。

p{
  font-weight: 400 !important;
 }

How do I control how bold an HTML element is with external CSS