Чтобы шрифт выглядел привлекательно на странице, очень важно учитывать количество символов в строке. Автоматизировать этот процесс вычисления довольно сложно при помощи CSS media-queries.
FlowType.JS – это jQuery-плагин, который позволяет вам реализовать функционал с автоматическим масштабированием свойств font-size и line-height (в соответствии с шириной элемента), чтобы наш контент отображался так, как нам хочется.
В плагине предусмотрены опции установки минимального и максимального значения размера шрифта, а также минимальную и максимальную ширину, при которых запускается масштабирование.
Плагин также отлично работает с веб-шрифтами, и красивое демо показывает нам работу плагина (просто измените размеры окна на демо-странице).
Требования: jQuery
Совместимость: все современные браузеры
Веб-сайт: http://simplefocus.com/flowtype/
Смотреть демо: http://simplefocus.com/flowtype/demo.html
Скачать: https://github.com/simplefocus/FlowType.JS