Custom Fonts

Use your own fonts in Templated templates.

Available Fonts

Google Fonts

All Google Fonts are available by default:

• Search in the font picker
• Includes 1,400+ font families
• Automatically loaded

Custom Font Upload

Upload your own brand fonts:

1. Go to Uploads in the Editor sidebar
2. Click Upload Font
3. Select your font file (.ttf, .otf, .woff, .woff2)
4. Font appears in your font picker

Using Custom Fonts via API

Reference uploaded fonts by their exact name:

{
  "layers": {
    "title": {
      "text": "Hello World",
      "font_family": "My Custom Font"
    }
  }
}

Font Licensing

⚠️ Important: Ensure you have proper licensing for:

• Web/digital use
• Commercial use (if applicable)
• Embedding in generated files

Templated doesn't verify font licenses—compliance is your responsibility.

Best Practices

1. Test renders with custom fonts before production
2. Use web-optimized formats (WOFF2 preferred)
3. Keep file sizes reasonable (<500KB per font)
4. Include all weights you need (regular, bold, etc.)

Font Fallbacks

If a font fails to load, the render uses a fallback:

• Sans-serif fonts → Arial
• Serif fonts → Times New Roman
• Monospace fonts → Courier

External ID Sessions

When using the embedded editor with external-id, uploaded fonts are associated with that session. Users see only their own uploaded fonts.

Troubleshooting

Font not appearing?

• Verify the file uploaded successfully
• Check the exact font name in the picker
• Ensure the font file isn't corrupted

Font looks different?

• Some fonts have multiple weights in separate files
• Upload all needed weight variants

Updated on: 11/01/2026