сделать текст двойным полужирным шрифтом - масштабированные листы

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', вам придется использовать «визуальные читы», например, другое семейство шрифтов или тень текста.

Здесь это пример:

<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

Для выделения числа жирным шрифтом вы можете использовать этот код

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

Думаю, это сработает.

Answer 3

вы можете использовать свойство тени текста, как это

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