Skip to content

Fixed Typographical scale

Compare
Choose a tag to compare
@KyleAMathews KyleAMathews released this 04 Jun 21:10
· 416 commits to master since this release

So this is why they don't let amateurs create OSS projects ;-)

I've setup the typographical scale here wrong the whole time. This blog post was very helpful in setting me straight:
http://spencermortensen.com/articles/typographic-scale/

Basically what I've learned and corrected this project to use is that the h1 should be the baseFontSize multiplied by the modular scale. And that the classic "scale" is the Octave or 2. Whereas previously I'd just eyeballed the multipliers for the various headers, they're now in line with the theory in the above article. See this and this commits for the details.

How to update

If you just used the default modular scale, then there's little to do. I've updated the default modular scale now to octave which with the new code, results in similar typography to the previous diminished fourth.

If you did set your own modular scale(s), you'll need to try larger ones until you restore the previous behavior.

Also I changed the default font-family for headers (e9d0bb4). If you want to restore that font-family stack, add this to your config headerFontFamily: '"Avenir Next", "Helvetica Neue", "Segoe UI", Helvetica, Arial, sans-serif'

Other notable changes.

  • Converted coffeescript to babelscript 9dcf235
  • Fixed bug with fontSizeToMS not using set scale. 3caf85b
  • Update normalize.css to 4.1.1. b122fc9
  • Removed most whitespace/new lines from outputted styles d3359c6