GFX-301f · Module 3

Font Rendering Validation

3 min read

Font rendering varies across platforms, browsers, and output formats. The same font at the same size looks subtly different on macOS versus Windows (subpixel rendering), in Chrome versus Safari (font smoothing algorithms), and in SVG versus PNG versus PDF (rasterization versus vector). These differences are usually subtle but become visible at scale — 100 assets rendered across 3 platforms produce 300 slightly different typographic expressions.

Validation protocol for composited text: render the text at the target size on the target platform. Screenshot. Compare against the specification using the same measurement tools the critic uses. If the rendered font weight looks heavier or lighter than specified (a common issue with subpixel rendering differences), adjust the weight parameter for that platform.

Our brand font Exo 2 renders heavier on Windows than macOS at the same weight value. The correction: Windows renders at 100 weight units less than specified for apparent visual match. Exo 2 Bold (700) on macOS renders as a weight of approximately 650 on Windows. For generated assets targeting Windows deployment, the compositing step uses weight 600 to achieve the same visual result as weight 700 on macOS.