Making Fonts Like It’s 1995!
summary
Builds working color fonts that embed layered decorations so typing yields WordArt effects without manual layering, uses COLR v1 supports gradients and transparency and vector layers instead of PNGs, implements motion by chaining three alternates via an OpenType feature to create a wavy baseline, and exposes custom variable axes (extrusion, bubble) that animate in CSS. Recreates an eight‑stripe rainbow by generating eight alternates per glyph and a feature that aligns stripe starts. Fonts run in browsers, Adobe, Affinity, and Word and include reduced‑motion fallbacks.
AI-written summary · about
chapters (19)
- 0:001995 typography nostalgia
- 1:52Reviving 90s word art
- 2:57Word art ingredients
- 4:01Color fonts for layers
- 6:34Wavy baseline font
- 8:45Animating waves with OpenType
- 10:29Extruded text with gradients
- 11:32CLR V1 fonts and gradients
- 13:19Word Art effects
- 15:03Variable fonts and sliders
- 17:09Extrusion slider for word art
- 18:31Multiple font sliders
- 20:16Foam party font animation
- 22:01Rainbow font transitions
- 23:26Automating rainbow animations
- 25:16Customizing color fonts in CSS
- 26:40Animating font palettes
- 28:30Animations and disco lights
- 29:15Closing thoughts
