In: art.
Typography
The art and technique of arranging type to make written language legible, readable and appealing when displayed.
The arrangement of type involves selecting typefaces, point sizes, line lengths, line-spacing (leading), and letter-spacing (tracking), and adjusting the space between pairs of letters (kerning).
Assorted apps
Tailwind CSS typography
https://github.com/timack/tailwind-typography-playground
https://github.com/tailwindlabs/tailwindcss-typography
https://tailwind-tools.com/typography
Modern fluid typography editor
https://github.com/codeAdrian/modern-fluid-typography-editor
Articles
Elements of Typographic style applied to the Web
How to use kerning & tracking
https://iamsteve.me/blog/entry/how-to-use-kerning-tracking
Responsive and fluid typography with VH and VW units
Embracing fluid typography might be easier than you think. It has wide browser support, is simple to implement and can be achieved without losing control over many important aspects of design
https://smashingmagazine.com/2016/05/fluid-typograph
Precise control over responsive typography
Create fluid responsive typography with calc and viewport units
https://madebymike.com.au/writing/precise-control-responsive-typography
Fluid type
Embracing the fluid & flexible aspect of responsive web design
https://trentwalton.com/2012/06/19/fluid-type
What is a typographic scale?
https://creativemarket.com/blog/typographic-scale
Typo (secret) symbols
- https://m.wikipedia.org/wiki/Asterism_(typography) - ⁂
- https://m.wikipedia.org/wiki/Dagger_(typography) - †
- https://m.wikipedia.org/wiki/Ellipsis - …
- https://m.wikipedia.org/wiki/Fleuron_(typography) - ❦
- https://m.wikipedia.org/wiki/Interpunct - ·
- https://m.wikipedia.org/wiki/Pilcrow - ¶
- https://m.wikipedia.org/wiki/Section_sign - §
- https://m.wikipedia.org/wiki/Signature_mark - ※
Links
- https://commons.wikimedia.org/wiki/Category:Calligraphy
- https://commons.wikimedia.org/wiki/Category:Typographic_symbols
- https://commons.wikimedia.org/wiki/Category:Typography
- https://design.wikimedia.org/style-guide/visual-style_typography.html
- https://wikipedia.org/wiki/Calligraphy
- https://wikipedia.org/wiki/Category:Calligraphy
- https://wikipedia.org/wiki/Category:Penmanship
- https://wikipedia.org/wiki/Category:Typography
- https://wikipedia.org/wiki/Headline
- https://wikipedia.org/wiki/Kerning
- https://wikipedia.org/wiki/Leading
- https://wikipedia.org/wiki/Legibility
- https://wikipedia.org/wiki/Letter-spacing
- https://wikipedia.org/wiki/Ligature_(writing)
- https://wikipedia.org/wiki/Line_length
- https://wikipedia.org/wiki/Penmanship
- https://wikipedia.org/wiki/Point_(typography)
- https://wikipedia.org/wiki/Readability
- https://wikipedia.org/wiki/Type_color
- https://wikipedia.org/wiki/Typeface
- https://wikipedia.org/wiki/Typographic_alignment
- https://wikipedia.org/wiki/Wikipedia:Typography