使文本双粗体 - 缩放表

Question

有什么办法可以增加两次应用它的大胆强度吗？

我在我的文字上使用这种样式：

  numbers: {
    fontSize: 30,
    color: '#31C283',
    fontWeight: 'bold',
  },

是否可以在不增加字体大小的情况下使其加倍/加粗？

Answer 1

您可以通过在属性fontWeight中设置数值来稍微调整粗细。

除了bold ，属性fontWeight还可以处理数值，例如100表示非常薄， 900表示非常厚。

据我所知， fontWeight: 'bold'的数值为fontWeight: '700' 。

所以：

fontWeight: '900'应该比fontWeight: 'bold'稍厚

好吧，这不是您实际要求的“双重”，但也许这对您有所帮助。

来源： https://www.w3schools.com/cssref/pr_font_weight.asp

---

如果你想要一个比fontWeight: '900'更“粗体”的文本，你将不得不使用“视觉秘籍”，例如另一个 font-family 或 text-shadow。

这是一些示例：

 <div style="font-weight:900;">I am the highest font-weight value 900</div> <div class="doublethick">But I am even thicker:)</div> <style>.doublethick { color:#000000; text-shadow: 0.5px 0 #000000; letter-spacing:1px; font-weight:bold; } </style>

Answer 2

你可以像这样使用文本阴影属性

 <h1 style="text-shadow: 2px 0px 1px #000;">This is h1 tag</h1>

Answer 3

要使数字双粗体，您可以使用此代码

numbers: {
   font-size: 30;
   color: hex;
   font-weight: 800;
}

我认为它会起作用。