typography

This article is a stub. You can help the IndieWeb wiki by expanding it.

Typography is the art/science of making text attractive and readable.

Among the most important considerations is the idea of managing the length of a line, in terms of the number of characters. A line of between 45 and 90 characters is widely considered more readable than both longer and shorter lines. The lines in this paragraph are not very readable on a desktop computer screen without adjusting the size of the typeface.

Additional considerations for typesetting include:

• Leading a.k.a. `line-height`, the space between lines of text
• Kerning a.k.a. `letter-spacing`, the space between individual characters

Buttericks Practical Typography is a very good introduction to almost all aspects of typography for online and print.

Vertical Rhythm

• 2017-04-25 Teemu Korpilahti: A Tool for Designing Vertical Rhythm
  • http://vertical-rhythm.crasman.fi/
• 2016-02-24 Zell Liew: Why is Vertical Rhythm an Important Typography Practice? (archived)
• 2016-05-04 Zell Liew: Were We Wrong About Vertical Rhythm All Along? (archived)

See Also

• The Elements of Typographic Style Applied to the Web
• Buttericks Practical Typography
• A Pocket Guide to Master Every Day’s Typographic Adventures
• Professional Web Typography (online book)
• Font Glossary
• Tools (CSS) to style web articles using the ideas demonstrated by Edward Tufte’s books and handouts
• Thinking with Type, online version of a book by Ellen Lupton
• Responsive And Fluid Typography With vh And vw Units Fluid typography resizes smoothly to match any device width
• The math of CSS Locks Advanced techniques to achieve fluid typography
• The Complete CSS Demo for OpenType Features
• Tufte CSS
• indieweb theme of the above for Hugo
• how the web became unreadable
• Free online book: Legibility: How and why typography affects ease of reading
• web fonts
• system font stack