Using Custom Font

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. 1.
    You can try to refresh you browser and select the custom font again in the Font family section.
  2. 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.