Свойство CSS font-size устанавливает размер текста. 2 Значение может быть абсолютным или относительным. 12

Абсолютный размер устанавливает текст заданного размера и не позволяет пользователю изменять его в браузерах. 12 Такой вариант полезен, когда известен физический размер выходных данных. 1

Относительный размер задаёт размер относительно окружающих элементов и позволяет пользователю изменять размер текста в браузерах. 12

Некоторые способы работы свойства font-size в современных браузерах:

• Использование единицы em. 12 С её помощью можно регулировать размер текста во всех браузерах. 12 Размер можно рассчитать от пикселей до em по формуле: pixels/16=em. 12
• Установка размера шрифта по умолчанию в процентах для элемента body. 12 Такой подход работает во всех браузерах и позволяет масштабировать текст. 1
• Использование единицы vw. 12 Она означает «ширину области просмотра» и позволяет задать адаптивный размер шрифта. 12 Размер текста будет соответствовать размеру окна браузера. 12
• Применение единицы rem. 4 Она похожа на em, но основана на размере шрифта корневого элемента, а не родительского. 4