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

  • TTF (TrueType)
  • WOFF
  • WOFF2
  • OTF

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.

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.

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

  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.

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.
Copy link
On this page
Supported Format
Managing Font
Troubleshooting Issues