Ezra Savard

Harmonic Font Sizing

As part of my efforts to learn CSS (instead of fudging through), I’ve been reading a lot. One interesting bit I’ve been reading through is Every Layout, which has been really helpful in learning the basics. Their approach heavily emphasizes leveraging browser layout algorithms and avoiding extreme specificity.

This post’s style improvement was to add in harmonic font sizing, based on Every Layout’s modular scale post. Here is a photo after the break, for posterity.

CSS test page with modular scale

I also added a basic CSS demo page to make it easy to see what the current CSS looks like, but I won’t be archiving versions of it.

Credit to Scott Granneman for the copy/paste from his website.