Todo/Notes #49
Description
- em everything (including
:root) but line-height (use some postcss-foo-to-em plugin or make one) -
Check out https://github.com/jeremychurch/type-scale(literally just modular scale pen) - Check out http://stormwarning.github.io/typeset.css/ (looks kinda cool but heavy, maybe typographic should just be a sizing tool?)
- Steal/credit
- tracking
- consider Opentype control
- might be cool to fetch particular characters for certain classes (like typeset.css' ampersand thing) using http://googlewebfonts.blogspot.com/2011/04/streamline-your-web-font-requests.html
- Steal/credit
- Explore http://nicewebtype.com/notes/2012/02/03/molten-leading-or-fluid-line-height/ and https://github.com/viljamis/Molten-Leading (we can probably do this with Mike's scaling technique)
- Get vertical rhythm right (pen)
- Get modular scale right (pen)
- Combine modular scale and vertical rhythm pens
- Combine ^ with molten leading
- Settings (these aren't concrete, just tossing them here):
- heading-font-stack
- body-font-stack
- min-heading-size
- max-heading-size
- min-body-size
- max-body-size
- min-heading-leading
- max-heading-leading
- min-body-leading
- max-body-leading
- min-page-width
- max-page-width
- margin-bottom-size
- Turn into a free web GUI? Try to add in local storage and maybe Firebase (give me a reason to learn Firebase).
- It'd be cool to have user contributed/named "typography themes" (presets)
- Round everything to nearest px. These sub pixel things are nasty. (this just applies the problem in one direction, doesn't fix it)
- possibly refer people who was ligatures and such to http://utility-opentype.kennethormandy.com/
- read https://www.smashingmagazine.com/2016/03/meaningful-web-typography/