Uploading Custom Fonts

As a PRO or a PRO Team user, you can now upload your own fonts to Piktochart. 

If you’re a member of a Pro Team, only the Owner or Administrator(s) of the Team can upload fonts to the Brand Assets for the Team. You can ask the Owner or Administrator to upload your font there on your behalf.

This font upload feature will come in handy especially if you need to create on-brand content for your company or organization. It’s very simple to upload your own fonts. 

Click on your username on the top-right corner and go to Brand Assets → My Fonts

Once you reach your My Fonts page:

Click +Upload New Font
Upload the font file
We highly recommend using the WOFF file, although TTF and OTF are also supported.

Remember to unzip your font files in order to upload them.

File Format

You can upload your font in three different formats: TTF, OTF, and WOFF. WOFF is the recommended format to use, since it’s a compressed format and it loads faster.

If you encounter an error message while uploading your design, please ensure that you are using the correct font file format with proper metadata and that the file is not corrupted.

Using Font variants

Every font style has a family, and the supported variants are regular, bold, italic, bold and italic. Regular variant (base font) is a required variant before you add on other variants. You can add them all to Piktochart and then use the upper menu to choose the right format.

If the font style that you’ve added has more than one variant, you can Click B for Bold and I for Italics in the editing toolbar found in the Editor. Click both B and I for Bold Italics.

If you need to update your font styles variants, you can do so by clicking on the pencil icon:

By clicking the pencil icon, you can replace an existing font style or add a new font style under the same font family. You cannot remove a font style without deleting the font family - You need to delete the font and re-upload the fonts again.

We do not support light variants as they tend to cause rendering issues on different browser/OS, especially on downloaded copies.

Common Questions

Where can I find my uploaded fonts?

When you’re working on your projects, you can find your uploaded fonts in the editor. Simply click on the font drop-down menu:

Can I upload foreign fonts?

Yes! You can. As long as the font file supports foreign characters, it will work fine on Piktochart. If you’re looking for more font options, you can even consider using free fonts. Check out our Using Free (open-source) Fonts article to learn more!

How many fonts can I import?

You can upload a maximum of 10 font families.

What happens if I’m no longer PRO/PRO teams?

If you downgrade to a Free plan, you can’t make any changes to your existing uploaded fonts or add new fonts. You will also no longer find your uploaded fonts under the font drop-down menu in the Editor. If you go to the “My fonts” page on Brand Assets, you’ll see the uploaded fonts, but you won’t be able to add/edit them.

There will be no changes to the custom fonts on your existing visuals until you choose to replace it with another font. Once you replaced the uploaded font with another font, you won’t be able to switch back to any of your custom fonts as that option will no longer be available. To access or edit your uploaded fonts, you need to subscribe to PRO/PRO teams again.

What happens if I delete my font?

When you open a visual with a deleted font, the system will detect this and request that you choose another font to replace the deleted font as seen below:

Where can they be rendered?

The fonts will be rendered on downloaded PNG/PDFs, embed and output page like any other fonts.

Why is my upload font not appearing correctly?

Over the past few years, modern browsers have dramatically improved how they support custom fonts. However, even today, not all formats are supported on every browser. There are many factors that may affect the rendering of your web fonts. To provide quality and consistency, it is crucial to test thoroughly on all possible OS and browser combinations to prevent rendering issues.

Did this answer your question? Thanks for the feedback There was a problem submitting your feedback. Please try again later.