jQuery smartflow plugin demo

Ideally, the most legible typography contains between 45 and 75 characters per line. This is difficult to accomplish for all screen widths with only CSS media-queries. SmartFlow.JS eases this difficulty by changing the font-size and subsequently the line-height based on a specific element's width. This allows for a perfect character count per line at any screen width.

Additional options allow you to configure SmartFlow.JS to fit your needs. These options include element size thresholds, font-size thresholds and ratios. The element size thresholds will stop SmartFlow.JS from performing its magic once the element reaches beyond specific pixel dimensions. The font-size thresholds will stop SmartFlow.JS from resizing the text beyond certain font-sizes. Lastly, you have full control over the base font-size, so that you can set your typography perfectly.