Mastering Responsive Web Design

Using FlowType.js for increased legibility

One of the most compelling editorial principles states that the ideal line length for the most legible typography is between 45 and 75 characters.

That's a pretty decent range if you ask me. However, actually making your paragraphs long enough, or short enough for that matter, is like a "blind leading the blind" game. How can we tell whether the combination of the width of a container and its font size actually meet the 45 to 75 characters recommendation? Also, on small or medium screens, how can you tell this is the case?

Tricky one, eh?

Well, no need to worry because with FlowType.js, we can address these issues.

You can download the plugin from http://simplefocus.com/flowtype/.

The first thing we need is ...