Чтобы указать размер шрифта в CSS, можно использовать свойство font-size.
Синтаксис:
selector {
font-size: value;
}
Значения могут быть указаны в разных единицах измерения, например:
- px (пиксели) — наиболее часто используемая единица измерения для размера шрифта. Например,
font-size: 16px;
. - em — размер шрифта относительно размера шрифта родительского элемента. Например, если размер шрифта родительского элемента равен 16px, то
font-size: 1.5em;
означает, что размер шрифта будет равен 24px. - rem — размер шрифта относительно размера шрифта корневого элемента html. Например,
font-size: 1.5rem;
означает, что размер шрифта будет равен 1.5 размера шрифта корневого элемента. - % (проценты) — размер шрифта относительно размера шрифта родительского элемента. Например, если размер шрифта родительского элемента равен 16px, то
font-size: 150%;
означает, что размер шрифта будет равен 24px. - vw (view width) — размер шрифта относительно ширины видимой части экрана. Например,
font-size: 5vw;
означает, что размер шрифта будет равен 5% ширины видимой части экрана. - vh (view height) — размер шрифта относительно высоты видимой части экрана. Например,
font-size: 5vh;
означает, что размер шрифта будет равен 5% высоты видимой части экрана. - pt (точки) — размер шрифта в точках, где 1pt = 1/72 дюйма. Например,
font-size: 12pt;
означает, что размер шрифта будет равен 1/6 дюйма. - mm, cm, in — размер шрифта в миллиметрах, сантиметрах и дюймах соответственно. Например,
font-size: 10mm;
означает, что размер шрифта будет равен 10 миллиметрам.
Для удобства советуем использовать относительные единицы измерения (например, em, rem, %), что обеспечивает лучшую адаптивность и гибкость при изменении масштаба страницы и настройки конфигурации устройства.