This repository was archived by the owner on Sep 3, 2022. It is now read-only.
This repository was archived by the owner on Sep 3, 2022. It is now read-only.
Refactor fonts #18
Description
Currently font size is scaled based on a single font with separate classes for font-size and font-weight and no consideration for multiple fonts or vertical rhythm. This feature is an ask for the following:
- Define font groupings like color themes are currently defined. Each group includes a font family, a base font size in em relative to a base font size of 16px, and a base line-height as multiple of global line-height. Default to two fonts, serif and sans-serif.
- The font-size, font-weight, and font-family classes should stay unchanged.
- A new fls (line-size) class should be added that sets line heights (1, 2, 3, 4, 5)
- A new fg (font-group) class should be added that sets font-family, the font-size (group defined), the font-weight (group defined), and the line height (group defined).
- A new fr (font-rhythm) class should mirror the font-size classes but also scale the line height ratio accordingly.
Potential issues. It appears that web fonts don't align to baseline or respect top cap spacing, so vertical rhythm will still be off.