Жирний шрифт css

Головна → HTML уроки і поради → Жирний шрифт через CSS і теги html

Розглянемо всі способи як можна зробити жирний шрифт через html і CSS. Існує два варіанти:

  • Через html тег і
  • Через властивість CSS font-weight

Жирний шрифт через html тег і

Весь текст укладений в html теги і буде жирним. Перший тег складається з незвичайною літери "b" відбулося в скорочення від англійського слова "bold".

Різниця між двома тегами візуально відсутні. Серед SEO-оптимізаторів існує думка, що для пошукових систем надає більший вплив, коли ми хочемо виділити ключове слово.

Перетвориться на сторінці в

Звичайний шрифт. Жирний шрифт через тег b

Звичайний текст. Жирний текст через тег strong

Жирний шрифт через властивість CSS font-weight

В CSS є властивість font-weight. яке відповідає за товщину написання букв.

Синтаксис CSS font-weight

  • bold - жирне значення шрифту (аналог 700)
  • normal (за замовчуванням) - нормальне значення шрифту (400)
  • bolder / lighter - шрифт повинен бути більше / менше, ніж у батька
  • inherit - прийняти значення предка (батька)

У нашому випадку, для жирності шрифту необхідно застосувати властивість bold для додання шрифту "товщини".

Перетвориться на сторінці в

Текст з властивістю font-weight: bold