Как сделать жирный шрифт в css

Для того чтобы шрифт стал жирным, в CSS есть свойство font-weight. Значение которые принимает свойство могут быть от 100 до 900 с шагом 100 или текстовые - bold|bolder|lighter|normal. Сверхсветлое начертание, которое может отобразить браузер, имеет значение 100, а сверхжирное — 900. Нормальное начертание шрифта (которое установлено по умолчанию) эквивалентно 400, стандартный полужирный текст — значению 700.

Пример:

<p>Этот текст будет жирным</p>

p { font-weight: 700; }

Эпоха

Hxhdj**strong text**

Есть несколько способов сделать жирный шрифт в CSS:

1. С помощью свойства font-weight:

установив значение bold:

font-weight: bold;

Или используйте числовое значение (от 100 до 900, где 400 - нормальный, а 700 - жирный):

font-weight: 700;

2. С помощью тега <b>

<b>Этот текст будет жирным</b>

3. С помощью тега <strong> (для семантической разметки):

Этот тег указывает на важность текста и по умолчанию делает его жирным.

Какой способ выбрать?

• font-weight: bold; - наиболее распространенный и рекомендуемый способ сделать текст жирным. Он обеспечивает гибкость в управлении жирностью шрифта.
• font-weight: 700; - дает больший контроль над жирностью, если вам нужны тонкие настройки.
• <strong> - используйте, если хотите подчеркнуть важность текста. Браузеры по умолчанию отображают его жирным шрифтом, но вы можете стилизовать его иначе при необходимости.

Жирный шрифт в CSS задают свойством font-weight:

p {
  font-weight: bold;   /* или 700 */
}

В HTML выделить слово жирным можно тегом <strong> или <b>: <strong>важно</strong>.

Значения font-weight

Почему font-weight: 600 выглядит как обычный или как 700

Браузер показывает только те начертания, которые есть у шрифта. Если у шрифта есть только 400 и 700, значение 600 покажется как 700, а 500 — как 400.

Нужные начертания подключают вместе со шрифтом. В Google Fonts их выбирают при подключении:

<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700&display=swap" rel="stylesheet">

Если жирного начертания нет совсем, браузер нарисует его сам, утолщая обычное. Буквы при этом выглядят размыто.

strong и b

<p><strong>Внимание:</strong> оплата до 15 октября.</p>
<p>Нажмите <b>Сохранить</b>.</p>

<strong> отмечает важный по смыслу текст. <b> выделяет текст только визуально, например названия кнопок в инструкции. Оба тега по умолчанию дают font-weight: bold.

Убрать жирный шрифт

Заголовки h1–h6 и <th> жирные по умолчанию. Вернуть обычное начертание:

h2 {
  font-weight: normal;
}

Шрифты и их подключение разбирают на курсе «Профессиональная верстка».

А ниче так помогло щас)