Shopifont — Shopify Custom Font Code Generator

Generate @font-face, settings_schema.json, and CSS variable code for Shopify Dawn and OS 2.0 themes — without leaving your tab.

Shopifont generates the three code blocks Shopify expects when you install a custom font on Dawn or any other OS 2.0 theme — without leaving your browser tab. Type your font name, tick the formats you have, and copy: The @font-face CSS block, using Shopify's Liquid asset_url filter The settings_schema.json snippet that exposes a Theme Editor toggle The CSS variable overrides that retarget Dawn's typography roots Optional: drop a WOFF2 file into the popup to live-preview your actual font. The file stays in your browser — it is never uploaded. Works with all 13 free Shopify themes: Dawn, Sense, Refresh, Crave, Origin, Studio, Taste, Spotlight, Colorblock, Craft, Ride, Publisher, Trade. No signup, no API key, no upload, no tracking, no ads. The same generator runs at https://shopifont.app — the extension exists so you can use it without leaving the page you're working on.