The Quick Brown Fox

This text should display in the custom font if Zaraz successfully injects the @font-face declaration before the browser renders the page. If you see Georgia or a serif fallback, the injection either didn't work or happened too late.

Pack my box with five dozen liquor jugs. Sphinx of black quartz, judge my vow. How vexingly quick daft zebras jump!

How to test:

  1. View page source (Ctrl+U / Cmd+Option+U) — look for @font-face in the <head>
  2. Check Network tab — does the font file load? When does it start?
  3. Check if text renders with custom font or falls back to Georgia
  4. Run Lighthouse — check for any font-related warnings

Zaraz Custom HTML to add:

<link rel="preload" href="https://fonts.gstatic.com/s/inter/v13/UcCO3FwrK3iLTeHuS_fvQtMwCp50KnMw2boKoduKmMEVuLyfAZ9hjp-Ek-_EeA.woff2" as="font" type="font/woff2" crossorigin> <style> @font-face { font-family: 'TestFont'; font-style: normal; font-weight: 400; font-display: swap; src: url(https://fonts.gstatic.com/s/inter/v13/UcCO3FwrK3iLTeHuS_fvQtMwCp50KnMw2boKoduKmMEVuLyfAZ9hjp-Ek-_EeA.woff2) format('woff2'); } </style>