Auto-Resizing Fonts Based On The Element’s Width – FlowType.JS

For a good looking typography, the number of characters in a line is pretty important. And, this is difficult to automate only with CSS media-queries.

FlowType.JS is a jQuery plugin which can auto-resize the font-size and line-height (according to the width of the element wrapping it) so that our content is displayed just as we prefer.


The plugin has options for setting the min/max font-sizes and min/max widths where the resizing will be triggered.

It also works fine with webfonts and a nice demo shows how it works (just resize the browser for the demo page).