如何使用外部 CSS 控制 HTML 元素的粗体 [重复]答案

【问题标题】：How do I control how bold an HTML element is with external CSS [duplicate]如何使用外部 CSS 控制 HTML 元素的粗体 [重复]
【发布时间】：2017-08-26 04:27:56
【问题描述】：

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

p{
font-weight: 1.2px;
}

不允许我通过调整 font-weight 值来调整字体粗细。如何使用上面的外部 CSS 使文本更粗或更轻？

【问题讨论】：

查看此页面以获取font-weight 的有效值：w3schools.com/cssref/pr_font_weight.asp
您给出的值不正确。在这里查看：htmldog.com/references/css/properties/font-weight

标签： html css text-decorations

【解决方案1】：

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

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

或者你可以使用

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

Referral link

【讨论】：

【解决方案2】：

Px 不是字体粗细的有效度量。尝试使用“normal”、“bold”或“bolder”之类的权重，或者从 100 到 900 以 100 为增量。

例子：

p { font-weight: 700 }

【讨论】：

【解决方案3】：

font-weight 属性设置文本中字符的粗细显示。

您可以从 100 转到 900，其中 400 与普通相同，700 与粗体相同。

不要使用“px”

【讨论】：

【解决方案4】：

你可以这样做：

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

你不需要'px'，你可以使用一个类来获得更多的权力

【讨论】：

【解决方案5】：

输入十进制数值即可，400同普通，700同加粗。

p{
  font-weight: 400 !important;
 }

【讨论】：