Using custom fonts in your design tools can instantly level up your branding, marketing, or social media content. Many beginner designers or business owners buy fonts from marketplaces—it’s a popular way to get a more professional and unique look for your design. But after buying, a common question comes up: how do you actually use the font in your favorite design tools like Canva or Figma? These platforms are often used for branding, social media content, and presentations. If you are wondering how to use them in Canva or Figma, this guide is for you!
Download and Extract the Font Files
After purchasing a font, you’ll typically receive a .ZIP file. First, extract it. Inside, you’ll usually find one or more of these font formats:
- .OTF (OpenType Font)
- .TTF (TrueType Font)
- .WOFF (Web Open Font Format)
Tips: Save the extracted fonts in a folder that’s easy to locate later!
How to Use Custom Fonts in Canva (Canva Pro Only)
Uploading fonts is a Canva Pro feature.
Step-by-step:
- Log in to your Canva Pro account.
- On the left sidebar, go to Brand (or Brand Kit).
- Scroll to Uploaded Fonts.
- Click Upload a Font, and choose your .OTF or .TTF file.
- Once uploaded, your font will appear in your font list when designing.
Important Notes:
- Canva does not currently support OpenType features like stylistic alternates, ligatures, or swashes directly.
- However, if your font is PUA encoded, you can still access special characters manually!
Workaround: Use Character Map (Windows) or Font Book (Mac) to copy alternate glyphs or ligatures and paste them into your Canva design.
This manual method takes a few extra steps, but it's a handy trick for bringing unique font features into Canva.
How to Install and Use Fonts in Figma (Browser or Desktop)
Figma supports most advanced typography features, making it a solid choice for using fonts with ligatures, alternates, and full stylistic sets.
Here’s how:
- Install the font on your computer (double-click the font file > click Install).
- Open Figma (desktop or browser).
- Figma automatically detects installed system fonts.
- In your design, type some text and choose your new font from the dropdown.
If using Figma via browser:
Make sure to download and install the Figma Font Helper, available for free on Figma’s website (under font settings).
Common Issues & Troubleshooting
In Canva:
- Custom fonts may display inconsistently if metadata is off.
- Ligatures and alternates won’t show unless copied manually from Character Map/Font Book.
- Font name may differ from the file name.
In Figma:
- Fonts must be installed correctly to appear.
- Restart Figma if fonts don’t show immediately.
Using fonts from a marketplace in Canva or Figma is actually simple—once you know how. Canva is great for quick designs but has some feature limitations, while Figma offers more flexibility for exploring creative typography. If you're using Canva, make sure your font is PUA encoded so you can manually paste special characters using Character Map. With the right font and the right tool, your design will look more polished and professional.