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 the HTML, so here's the markup we're going to use:
<!DOCTYPE html> <!--[if IE 8]> <html class="no-js ie8" lang="en"> <![endif]--> <!--[if IE 9]> <html class="no-js ie9" lang="en"> <![endif]--> <!--[if gt...
