[javascript] FlowType.js: Better responsive typography

FlowType.js: Better responsive typography

FlowType.JS

Responsive web typography at its finest: font-size and line-height based on element width.

Check out the demo site.

What does FlowType.JS do?

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.

FlowType.js sets your font-size and line-height based on your element width, making your typography fully responsive. You’ll have the perfect number of characters per line regardless of screen size.

Homepage: http://simplefocus.com/flowtype/
GitHub: http://github.com/simplefocus/FlowType.JS
Demo Page: http://simplefocus.com/flowtype/demo.html