Как настроить и применить жирный шрифт с помощью CSS

Чтобы задать жирный шрифт в CSS, можно использовать свойство font-weight. Значение этого свойства может быть числовым или ключевым. Ключевые значения - это normal (обычный), bold (жирный), lighter (легкий) и bolder (еще жирнее). Например:

css
/* Обычный шрифт */
font-weight: normal;
/* Жирный шрифт */
font-weight: bold;
/* Еще жирнее, чем bold */
font-weight: bolder;
/* Легкий шрифт */
font-weight: lighter;

Также можно использовать числовые значения от 100 до 900, где 400 это обычный шрифт, а 700 - жирный. Например:

css
/* Обычный шрифт */
font-weight: 400;
/* Жирный шрифт */
font-weight: 700;

Пример HTML-кода, в котором задается жирный шрифт для заголовка:

html
Заголовок

В данном случае стиль применяется напрямую в HTML-разметке с помощью атрибута style. Однако лучше использовать отдельный файл стилей (CSS) и прописывать стили там.

Пример CSS-кода, в котором задается жирный шрифт для всех заголовков (от h1 до h6):

css
h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: bold;
}

В данном случае стиль задается в файле стилей (обычно с расширением .css), который должен подключаться к HTML-странице с помощью тега `` в разделе ``. Пример:

html


  
    
    
  
  
    
Заголовок
    
Текст