FlowType.JS: автоматически масштабируемые шрифты на базе ширины элементов


Чтобы шрифт выглядел привлекательно на странице, очень важно учитывать количество символов в строке. Автоматизировать этот процесс вычисления довольно сложно при помощи CSS media-queries.

FlowType.JS – это jQuery-плагин, который позволяет вам реализовать функционал с автоматическим масштабированием свойств font-size и line-height (в соответствии с шириной элемента), чтобы наш контент отображался так, как нам хочется.

FlowType.JS: автоматически масштабируемые шрифты на базе ширины элементов

В плагине предусмотрены опции установки минимального и максимального значения размера шрифта, а также минимальную и максимальную ширину, при которых запускается масштабирование.

Плагин также отлично работает с веб-шрифтами, и красивое демо показывает нам работу плагина (просто измените размеры окна на демо-странице).

Требования: jQuery
Совместимость: все современные браузеры
Веб-сайт: http://simplefocus.com/flowtype/
Смотреть демо: http://simplefocus.com/flowtype/demo.html
Скачать: https://github.com/simplefocus/FlowType.JS

ПОЛЕЗНО  Bootstrap select multiple (мультиселект с предварительным поиском)