Как увеличить размер шрифта в CSS

Существует несколько способов увеличить размер шрифта в CSS.

Использование абсолютных единиц измерения (например, пикселей) для свойства font-size:

body {
  font-size: 16px; /* установка размера шрифта в 16 пикселей */
}

Использование относительных единиц измерения (например, процентов или em) для свойства font-size:

body {
  font-size: 100%; /* установка размера шрифта в 100% от базового размера */
}

h1 {
  font-size: 2em; /* установка размера шрифта заголовка в 2 раза больше базового размера */
}

Использование ключевых слов для свойства font-size:

body {
  font-size: medium; /* установка среднего размера шрифта */
}

h1 {
  font-size: larger; /* установка размера шрифта заголовка на один уровень больше базового */
}

Использование переменных CSS для установки размера шрифта:

:root {
  --font-size: 16px; /* установка переменной с базовым размером шрифта */
}

body {
  font-size: var(--font-size); /* использование переменной для установки размера шрифта */
}

h1 {
  font-size: calc(var(--font-size) * 2); /* использование переменной и математической операции для установки размера шрифта заголовка в 2 раза больше базового размера */
}