Typography

Typography

Resources

• Modern Font Stacks
  • System font stack CSS organized by typeface classification for every modern OS
• Type Design Resources
  • Awesome List
• https://www.velvetyne.fr/
• https://fontofthemonth.club/
• https://beautifulwebtype.com/
• http://fonts.greatsimple.io/
• https://absurd.design/
• Line-height and vertical-align
• Font Changer with Google Web Fonts
• bramstein/fontfaceobserver
• hanging-punctuation
• Gutenberg
• Grid Lover
• Modular Scale
• modularscale/modularscale-sass

splitting.js

• Loading animation
• Headline animation
• Glitch text animation
• Mouseover Effects
• Scroll Effects

Fonts

ET Book

https://edwardtufte.github.io/et-book/

While Monotype Bembo was an excellent book font, when converted to an electronic font, it became thin and spindly (the computer people ignored “squeeze”, the slight spreading of ink when the lead type hits the paper). So he, Krasny, and Scranton made their own computer version and also made some design changes (ligatures, several problems with the pi font, some letterforms, creation of a semibold). Adam Schwartz converted the digital font into a webfont and created this project, which exists on GitHub.

• Roman (lining figures)
• Roman (oldstyle figures)
• Semi-bold (oldstyle figures)
• Bold (lining figures)
• Display Italic (oldstyle figures)

Decorative

• https://www.behance.net/gallery/74538641/RUNA-Free-decorative-font

HTML entities

https://www.w3.org/wiki/Common_HTML_entities_used_for_typography

Copyright ©

Double Quotes “ ”