How to whitelist brand fonts for luxury marketing pages
- Step 1Audit your hero strings — List every page's hero/headline copy. For most luxury brands this is 3–8 unique strings (homepage, category pages, campaign landing pages).
- Step 2Build per-page whitelists — For each page, extract characters and run the Whitelist Builder. Output: hero-home.woff2, hero-category.woff2, hero-campaign.woff2 — each 2–3 KB.
- Step 3Reference via per-page @font-face — Each page links the matching hero-*.woff2 with a unique font-family name. Body fonts (charset-subsetted) shared across pages.
Frequently asked questions
Doesn't shipping different fonts per page hurt caching?+
Each hero font is unique — no cross-page cache benefit. But each is so tiny (3 KB) that the cost is negligible. The body font, shared across pages, gets the cache benefit; hero fonts are page-specific.
Why not use a charset subset for hero too?+
Charset subsets are 15–30 KB. Whitelist subsets are 1.5–3 KB — a 5–10× reduction. For a hero font on the LCP path, every KB matters.
Can hero fonts be variable?+
Yes — whitelist a variable font and the result is still variable but with only your hero characters. Useful if the hero animates between weights or widths via font-variation-settings.
Privacy first
Every JAD Font tool runs entirely in your browser using opentype.js and the wawoff2 WASM Brotli encoder. Your fonts never leave your device — verified by zero outbound network requests during processing.