Некоторые современные методы адаптивного изменения размера текста на сайте:

• Адаптивный LESS. 1 Препроцессор CSS автоматически генерирует код, который уменьшает текст на основе разрешения экрана. 1
• Использование параметра VW (viewport). 1 Блок vw используется для автоматического форматирования текста в соответствии с шириной окна просмотра. 1
• Применение единиц измерения окна просмотра CSS: vw, vh, vmax и vmin. 2 Применение таких единиц обеспечивает постоянное соответствие текста ширине своего контейнера, так как размер шрифта меняется относительно окна просмотра, и при изменении его ширины также меняется размер шрифта. 2
• Использование относительных единиц измерения — em и rem. 3 em зависит от размеров шрифта родительского элемента, в котором размещён текст. 3 rem зависит от размеров шрифта, установленного в настройках браузера. 3 Использование rem помогает сделать сайт доступным для слабовидящих — текст на сайте будет автоматически адаптироваться к настройкам пользователя. 3
• Применение плагина FlowTypeJS. 2 Плагин работает с изменением размера шрифтов и высоты строк в зависимости от ширины определённого элемента. 2 В опциях плагина можно определять минимальный и максимальный размер шрифта. 2