Advanced Typography — Print vs. Digital and Variable Fonts
Type hierarchy for print and digital requires different thinking. In print (magazines, books, brochures), hierarchy flows through font size, weight, and white space. A magazine spread might use: 72pt Headline / 24pt Deck / 10pt/14pt Body — ratios chosen because print resolution (300+ dpi) renders delicate thin strokes and fine serifs crisply at any size. In digital/screen contexts, hierarchy must account for pixel density variation across devices, viewport widths, and interactive states (hover, focus). Responsive type systems use relative units (rem, em, clamp()) rather than fixed pixel values, allowing headings to scale fluidly between mobile and desktop breakpoints. Variable fonts, introduced in the OpenType 1.8 specification, are single font files containing an entire design space — all weights, widths, and optical sizes — accessible via CSS axis parameters. Where a traditional type family requires separate files for Thin, Regular, Medium, Bold, and Black weights, a variable font delivers continuous interpolation between those weights in one file, reducing page load and enabling subtle weight adjustments impossible with static fonts. Axis identifiers include wght (weight), wdth (width), ital (italic), slnt (slant), and opsz (optical size). Custom lettering — hand-drawn letterforms digitized and refined in Illustrator — remains in demand for logos, packaging, and editorial headline treatments where a typeface alone feels insufficient.