Welcome to the Treehouse Community
Looking to learn something new?
Alan Johnson7,625 Points
That's pretty awesome, James! I did notice that the text was crossing paper lines in the block quote section. Is that because of a browser inconsistency?
Like it - nice work!
John Harrington1,372 Points
It's the difference in font size that's causing the text to go off the lines, notice the Subhead pushes it off a little too! Forked it and fixed, now uses 1.5em as the distance between lines, and multiples of 1.5em as line-height on all the elements :) http://codepen.io/John92/full/mswAg
Great work James! Brilliant idea :D
James Barnett39,199 Points
You can also use the same technique to compare typefaces.
I often find myself trying to tell the difference between 2 sans-serif typefaces.
So I made this version to be able to better see ascenders, descenders and other microtypography goodness.