Typography

CSS hyphenation is supported by latest version of Firefox, Safari & IE. However, Chrome does not support it. Though Hyphenator.js can solve this problem, it runs in the browser and affects the rendering speed of above-the-fold content. So there is only one option left: soft hyphen (U+00AD, ­). Here is a list of resources that leads to its implementation: An article about CSS3 hyphenation by Hyphenator.js Hunspell: the spell checker & hyphenator used by LibreOffice English Dictionary of LibreOffice Pyphen: A Python hyphenator using Hunspell dictionary file A test page for soft hyphen

During the construction of this site, there are many important design decisions that need to be made. One of them is to decide the font size for each level of headings, i.e., typographic scale. Investigation The first thing I did was to read everything online about typographic scale. I will just skip the details and jump to my opinions: Modular scale should be followed Traditional scale is obsolete Golden ratio or double-stranded scale do not make any sense Vertical rhythm should be considered Then a little explanation. ...