使文本雙粗體 - 縮放表

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;
}

我認為它會起作用。