Как изменить размер шрифта

Короткий ответ

Размер задаёт font-size:

<p style="font-size: 24px;">Large text</p>
<p style="font-size: 0.875rem;">Small print</p>

Какие единицы выбрать

px — точные пиксели. rem — доля от размера шрифта корневого элемента (обычно 16px), поэтому 1.5rem — это 24px. em — доля от шрифта родителя: удобно для отступов внутри кнопки, но вложенные em перемножаются.

<div style="font-size: 20px;">
  Parent 20px
  <p style="font-size: 1.5em; margin: 0;">1.5em = 30px</p>
  <p style="font-size: 1.5rem; margin: 0;">1.5rem = 24px</p>
</div>

Для основного текста и заголовков удобнее всего rem: размеры остаются согласованными, а если человек увеличит шрифт в настройках браузера, вырастет всё вместе.

Размер, который растёт с экраном

Для крупных заголовков есть clamp() — подробнее в ответе про адаптивный размер шрифта.

Частая ошибка

Не делайте основной текст мельче 16px: на телефоне его тяжело читать. А размер html не задают в пикселях — html { font-size: 10px; } ломает пользовательскую настройку размера шрифта для всего сайта.