<p class="about">За допомогою властивості <strong>font-weight</strong> ми можемо встановлювати жирність тексту.</p>

<p>Цей абзац використовує значення властивості <strong>font-weight</strong> за замовчуванням (<em>normal</em> або <em>400</em>).</p>

<p class="thin">А тут ми встановили значення <em>300</em>, що робить текст більш тонким.</p>

<p class="bold">А тут ми встановили значення <em>bold</em>, що робить текст більш жирним.</p>

<p class="notice">Деякі шрифти можуть не мати більш тонкого або жирнішого варіанту!</p>

body {
  line-height: 1.45;
  font-size: 17px;
  font-family: sans-serif;
}

.about {
  background-color: gold;
  padding: 12px;
}

.notice {
  color: #666;
  border-left: 2px solid #808080;
  padding-left: 8px;
  margin: 20px 0 36px 0;
}

.thin {
  font-weight: 300;
}

.bold {
  font-weight: bold;
}