Skip to content

References: Generative Typography & Vector Font Outlines

  1. Typography - Wikipedia - History and techniques of arranging type, font anatomy, kerning, leading, glyph vectors, and the visual communication power of letterforms in digital and print mediums.

  2. Bézier curve - Wikipedia - Mathematical formulation of quadratic and cubic Bézier splines used in TrueType and OpenType font outlines to render scalable letterform contours across digital displays.

  3. OpenType - Wikipedia - Cross-platform scalable computer font format standard, glyph outlines, typographic tables, and font metrics specifications across modern digital operating systems and web rendering engines.

  4. The Elements of Typographic Style (Version 4.0) - Robert Bringhurst - Hartley & Marks Publishers - Bringhurst established the definitive philosophy of typographic harmony, proportion, rhythm, and structural aesthetics in digital and print composition for graphic designers and typographers.

  5. Type, Image, Message: A Graphic Design Data Book - Nancy Skolos and Thomas Wedell - Rockport Publishers - Skolos and Wedell pioneered pedagogical frameworks for treating typography as dynamic structural geometry, fusing vector forms with kinetic visual metaphor in modern graphic design.

  6. p5.Font and textToPoints() Reference - p5.js Foundation - API documentation covering loadFont(), textFont(), textSize(), textToPoints(), and extracting coordinate point arrays from vector font outlines for interactive particle typography in p5.js.

  7. The Coding Train: textToPoints() in p5.js - The Coding Train - Visual video lesson showing how to convert font glyphs into arrays of vector points, assigning physics steering behaviors to each particle to form interactive text.

  8. opentype.js OpenType and TrueType Font Parser - opentype.js Library - Open-source JavaScript parser for reading font glyph paths, Bézier command lists, and font metrics underpinning p5.js typography tools and custom vector rendering.

  9. Google Fonts Knowledge: Typography Guides - Google Fonts - Educational resource library created by typographic experts covering font anatomy, variable fonts, optical sizing, and digital typographic hierarchy in digital design.

  10. Generative Typography and Kinetic Type Inspiration - CreativeApplications.Net - Curated collection of innovative international projects showcasing interactive, responsive, and algorithmic generative typography in creative coding, installations, and digital motion design.