Stencil Documentation
  • General
  • API
    • Authentication
      • Account
    • Pagination
    • Status Code and Throttling
    • Endpoints
      • Projects
      • Templates
      • Images
      • Collections
      • PDFs
      • Airtable
    • Charts
  • Using Stencil
    • Template Editor (New)
    • Template Editor (Legacy)
      • Limited Markdown Supports
      • Anchoring Element
      • Using Custom Font
      • Circular Text Positioning
    • White Label for Business
      • Setting Up Your First Client
      • DNS Setup with Cloudflare
  • Guides
    • Airtable Integration
      • Basic
    • Integromat Integration
      • Connection
      • Instant Trigger
    • Zapier Integration
      • Authentication
      • Trigger - New Image
      • Action - Create Image
    • Secure Signed Image
      • Basic
    • Query String Integration
      • Basic
      • Cache
    • Forms Integration
    • Case Studies
      • Generate Instagram Post from WooCommerce
      • Generate Open Graph Image for WordPress
      • Generate Personalized SendGrid Email Campaigns
      • Sending Charts to Twitter
      • Generate Instagram Post from Shopify
      • Automating Webflow Open Graph Image
      • Generate certificate of accomplishment
      • Automate Candidate's Certificate Generation
  • LINKS
    • Back to Stencil
    • Got bug?
    • Need feature?
    • Blog
Powered by GitBook
On this page
  • Supported Format
  • Managing Font
  • Troubleshooting Issues

Was this helpful?

  1. Using Stencil
  2. Template Editor (Legacy)

Using Custom Font

PreviousAnchoring ElementNextCircular Text Positioning

Last updated 3 years ago

Was this helpful?

Using custom font in Stencil is really straight forward. You can manage all custom fonts directly from the template editor.

Supported Format

  • TTF (TrueType)

  • WOFF

  • WOFF2

  • OTF

Managing Font

Click on any text and under the Font family section you should see Manage custom fonts option. Click on it to manage your custom fonts.

A popup should come out and you should be able to upload a new custom font or remove existing custom fonts.

Updating Font

By default, Stencil will get the font family name and its format by reading the font metadata. If that is not available, it will use the filename and its extension to detect the font family and the format.

Scope

All uploaded fonts are available in all your projects and templates.

Troubleshooting Issues

I uploaded my font but my text box doesn't change, what should I do?

  1. You can try to refresh you browser and select the custom font again in the Font family section.

  2. Make sure that the font family and its format are correct. For example, although the filename is MetalsmithRegular.ttf, the font family is actually Metalsmith instead of Metalsmith Regular.

I deleted my font. What happens to existing templates that are using the font?

They will fallback to the default font. Your image will be generated as usual without issue but without the font.

If you're still having trouble, please contact support.