FlowType.JS – Web typography at its finest

Leave a comment

With FlowType.JS you can have font-size and line-height based on element width.

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. FlowType.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 FlowType.JS to fit your needs. These options include element size thresholds, font-size thresholds and font-size/line-height ratios. The element size thresholds will stop FlowType.JS from performing its magic once the element reaches beyond specific pixel dimensions. The font-size thresholds will stop FlowType.JS from resizing the text beyond certain font-sizes. Lastly, you have full control over the base font-size and line-height ratios, so that you can set your typography perfectly.

Related Resources
Jul 31, 2013
Boxy App

Good typography is pleasing to look at. No matter what type ...

Jan 7, 2013
Boxy App

Brandico is a "crowdsourced" collection of social services popular logos like ...

Dec 12, 2012
Boxy App

Wordmark.it is a tool that lets you quickly preview how a ...

Nov 28, 2012
Boxy App

Font Awesome is an iconic font designed for use with Twitter ...