How to Add Fonts

How to add Google, Adobe, or custom fonts to your folder or project

Diego Muralles avatar
Written by Diego Muralles
Updated over a week ago

Typeface and font are powerful design elements. They can completely elevate your content—emphasizing key messages, communicating your brand personality, conveying action and emotion, and much more.

Vev offers Google, Adobe, and custom font options, so you can express the full power of your brand and creative vision.

You need to be on Professional or higher to upload custom fonts or syncing Adobe Fonts.

Adding fonts in Vev

Add fonts to Vev

Fonts can be added on a folder or project level.

Adding fonts on a folder level will automatically add the font to all projects within that folder. To do this, click the gear icon next to your chosen folder.

From the Settings page that appears, scroll down to the + Add Fonts section.

Add Google Fonts to a Project

From the command bar

  1. Hit ⌘+P or CTRL+P

  2. Select Fonts

  3. Select Google

  4. Click Add to library for the font you want to add

  5. The font(s) you added will now be ready to use from the Font Family dropdown

From the style panel

  1. Click the text element then click the text type in the style panel

  2. Click the Font Family dropdown in the pop-up

  3. Select More fonts

  4. Choose Google, Adobe, or Custom fonts

  5. Click Add to library on the font you want to add

Note: You will need to re-upload or add the fonts from the Custom Font menu into your project when copy/pasting text to other projects.

Add Adobe Fonts to a Project

  1. Hit ⌘+p or CTRL+P

  2. Select Fonts

  3. Select Adobe

  4. Click Add API key

  5. Enter your API key

  6. In the Type field, choose between Shared with account or Personal Key

  7. Hit Save

Add Custom Fonts to a Project

Upload your font files

  1. Hit +p or CTRL+P

  2. Select Fonts

  3. Select Add custom font at the bottom-left of the Fonts panel

  4. Click Add font files

  5. Upload your files

Supported files

  • WOFF (recommended)

  • WOFF 2.0 (recommended)

  • TTF/OTF (recommended)

  • afm

  • bin

  • cff

  • dfont

  • eot

  • pdf

  • pfa

  • pfb

  • pfm

  • ps

  • pt3

  • suit

  • svg

  • t11

  • t42

  • tfm

  • ttc

Remove fonts from a project

  • Hit +p or CTRL+P

  • Select Fonts

  • Choose Selected in the Fonts panel

  • Click Remove from library on the font you want to remove


Adobe Fonts

If your Adobe API key has been synced but your fonts aren't still showing up you'll need to make sure you've added the desired fonts to a Web Project. Follow this guide on how to create a web project and add your fonts to it. Once you are done, in the Adobe Fonts panel in Vev, click the 3 little dots next to your API Key and hit Resync. Your fonts should appear listed now.


Can I upload custom fonts on the Starter plan?
No, you'll need to upgrade to the Professional plan to use this function, as explained in the article.

Can I set a custom font as the default one in my project?
No, but you can use shared styles and reuse them as presets in your project. Learn more about them here.

Does using Google fonts in Vev violate GDPR regulations?
Google is a data processor that records IP addresses of visitors to your site in order to serve fonts from their CDN. This can be interpreted as an issue for GDPR because this identifying datapoint (IP address) is not necessarily stored in the EU.

You can safely use Google Fonts in your Vev projects without worrying about GDPR violations. Vev's Design Editor uses the Google Fonts API to give you access to the latest font versions. However, these fonts are transferred and hosted on the Vev CDN when you publish your project, meaning they can’t be tracked by Google.

Did this answer your question?