Fonts
Built-in families and custom uploads.
Built-in fonts
The editor includes three families out of the box:
- Pretendard — a clean sans-serif for body and headlines.
- Zilla Slab — a sturdy slab serif.
- Google Sans Code — a monospaced option for code or labels.
Pick any of them from Properties → Font family when a text layer is selected.
Families
Pretendard
UI, body, and headings.
Zilla Slab
Display and emphasis.
Google Sans Code
Kbd, class names, token names.
Pretendard for UI. Zilla Slab for display. Google Sans Code for shortcuts and tokens. Served once for every app from /shared/fonts/.
Scale
OpenGraph
Weekend groceries
Body in Pretendard.
Muted copy stays on the same measure.
Type scale used in the editor.
Custom fonts
Add your own fonts from Properties → Upload font:
- Supported formats: WOFF2, WOFF, TTF, OTF.
- Drag and drop or click to browse — the font is added to the family picker immediately.
- Custom fonts are saved with the project and included when you export a
.ogprojarchive.
WOFF2 variable fonts are recommended — one file covers many weights, so you can use Regular through Extra Bold without extra downloads.
All fonts stay in the browser. Nothing is uploaded.