Custom Fonts

You can add fonts through the Brand panel: browse the built-in library, search for specific typefaces, or upload your own files.

---

The Font panel

Open the Font panel from the Brand tab in the left panel. It has three sections:

1. Added Fonts: Fonts currently in your project
2. Browse New Fonts: A library of fonts you can add with one click
3. Upload: Upload your own font files

---

Adding fonts from the library

---

Uploading custom fonts

For fonts not in the library (licensed or proprietary typefaces), upload them directly.

---

Managing fonts

Setting a default font

In the Font panel, click the dropdown next to a font and select Set as Default. This applies that font as the base font-family for your entire project. Click Clear Default to remove it.

Removing fonts

Click the dropdown next to the font name and select Remove. Elements already using that font will fall back to the next font in the stack.

---

Using fonts in the editor

From the style panel

Select a text element on the canvas. In the style panel, use the Font Family dropdown to choose from your installed fonts. You can also adjust:

• Font weight: Regular, Medium, Bold, etc.
• Font size: In pixels or other CSS units
• Line height: Spacing between lines
• Letter spacing: Tracking

From the editor bar

With a text element selected, the editor bar shows a font selector. Use it to switch fonts quickly without opening the full style panel.

Via AI prompts

"Use Inter for all headings and Source Sans Pro for body text throughout the project."

---

Typography tips

Stick to 2-3 fonts

More than that creates visual noise and increases page load time. A common setup:

• One for headings: Something with personality
• One for body text: Something readable at small sizes
• Optionally, a monospace font: For code blocks

Use weights, not different fonts

Instead of mixing fonts for emphasis, use different weights of the same font. Inter Regular (400) for body, Inter Bold (700) for headings. Keeps the design cohesive.

Watch loading performance

Each font file adds to your page load time.

• Use WOFF2 format for custom uploads. Best compression.
• Only include the weights you actually use.
• Popular fonts like Inter, Roboto, or Open Sans may already be cached in visitors' browsers.