Get new jQuery plugins just once a week

×

FlowType js

September 4, 2013

FlowType js | Font Size and line height according to element width

FlowType JS is a jQuery plugin for Responsive web typography at its finest: 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.

Example Code

$('body').flowtype({
minimum : 500,
maximum : 1200
});

Created by Simple Focus

Download

Example

Flowtype js

Responsive typography

FlowType js

Related posts:

Responsive Measures
Kerning-js
Text Effects
Flowtype js

http://jquer.in/wp-content/uploads/2013/08/Flowtype-js.jpg

jQuery plugin

Sign up for our weekly newsletter.

* We won't spam you ever