Available Fonts

OG Engine pre-loads 8 font families from Google Fonts. All fonts are stored as .ttf files on the server — there is no runtime font fetching, so render times are unaffected by font choice.

Font Reference

API Name	Script Support	Weights	Character
`Outfit`	Latin	400, 700, 800	Modern geometric sans-serif
`Inter`	Latin	400, 700, 800	Neutral, highly legible
`Playfair Display`	Latin	400, 700, 800	Elegant serif for editorial
`Sora`	Latin	400, 700, 800	Friendly rounded sans-serif
`Space Grotesk`	Latin	400, 700	Techy, slightly irregular terminals
`JetBrains Mono`	Latin	400, 700	Monospaced — great for dev tools
`Noto Sans JP`	Latin + CJK (Japanese)	400, 700	Japanese with Latin fallback
`Noto Sans AR`	Latin + Arabic	400, 700	Arabic with Latin fallback

Font Details

Outfit

The default font. A clean, modern geometric sans-serif with wide letter spacing that reads well at both large display sizes and smaller body text sizes. The 800 weight is used for the title; 400 for description and metadata.

Use when: You want a contemporary, professional look that works across all template styles.

{ "style": { "font": "Outfit" } }

Inter

A workhorse typeface designed by Rasmus Andersson specifically for screen readability. Extremely neutral — it does not impose personality on the content. Preferred by developers for technical documentation.

Use when: Readability is the priority, or when you want the text to feel technical and unobtrusive.

{ "style": { "font": "Inter" } }

Playfair Display

A high-contrast serif typeface in the transitional style, inspired by classical book typography. Elegant and distinctive at large sizes. The blog-hero template was designed with Playfair Display in mind.

Use when: Creating editorial, literary, or luxury-brand imagery.

{ "style": { "font": "Playfair Display" } }

Sora

A geometric sans-serif with soft, rounded terminals that gives content a friendly, approachable feel. Works particularly well at medium sizes (42–52px) for titles.

Use when: Your brand is consumer-facing, educational, or wants to feel accessible.

{ "style": { "font": "Sora" } }

Space Grotesk

A proportional sans-serif with deliberately irregular details — some terminals are cut at angles, giving it an engineered, slightly quirky feel. Popular for tech startups and design-forward brands.

Use when: You want a modern tech aesthetic with some personality.

{ "style": { "font": "Space Grotesk" } }

JetBrains Mono

A monospaced font designed for code. In OG Engine, it creates a developer-tool aesthetic — great for API documentation cards, terminal-style imagery, or developer product marketing.

Use when: Your audience is developers, or you want a code/terminal visual style.

{ "style": { "font": "JetBrains Mono" } }

Noto Sans JP

Google’s Noto font family aims for universal script coverage with no “tofu” (missing character boxes). Noto Sans JP provides full Japanese Hiragana, Katakana, and Kanji coverage alongside Latin characters. All three Japanese writing systems render correctly without fallback.

Use when: Generating cards with Japanese content.

{ "style": { "font": "Noto Sans JP" } }

Noto Sans AR

The Arabic member of the Noto family. Provides full Arabic script support including right-to-left text direction. Pretext’s bidirectional text engine handles RTL layout automatically — you do not need to reverse your strings.

Use when: Generating cards with Arabic content.

{ "style": { "font": "Noto Sans AR" } }

Using the API Name

The style.font field (in /render) and font field (in /validate) must exactly match the API Name column in the table above. Font names are case-sensitive:

{ "style": { "font": "Playfair Display" } }   ✓
{ "style": { "font": "playfair display" } }    ✗ — returns invalid_font error
{ "style": { "font": "PlayfairDisplay" } }     ✗ — returns invalid_font error

Fetch the authoritative list at runtime from GET /health:

curl https://og-engine.com/health | jq '.fonts'

Try Fonts Live

Change the font in the style panel to see each typeface rendered at OG card dimensions:

0.0ms|8500x

Accent

Font

Layout

Gradient

Title size48

Description size22

Next Steps

Customizing Styles — font sizes, accent colors, and gradients
GET /health — programmatically retrieve the current font list
Templates Gallery — see how fonts interact with each template design