Note: This is a premium feature or service. This article only applies to your community if your Firstup contract includes this premium functionality. The function is not available to “Email Only” tiers. Please contact your Customer Success Manager with any questions about feature availability for your community.

Custom fonts allow you to brand your campaigns and web experience according to your unique brand image.

Community Admins and Brand Super Admins can access the font list page and create, edit, and archive fonts, while all users with publishing access can use the fonts when creating and editing a campaign in Compose. Only Brand Super Admins can configure a custom web experience font. These permissions can also be toggled on for custom roles. 

There is no limit to the number of fonts that can be uploaded and stored in the library.

Upload a Custom Font

1. Sign in to Studio.
2. Navigate to Library > Fonts.
   
   
   
   
3. Click the + Add a new font button.
   
4. Add a new font:
   
   
   • Font name - Give the font a name. This could be the name of the actual font, or a descriptive name to guide where the font should be used in campaigns, i.e. Title font. The font name will appear on the font list page, as well as the Compose page.
     
     
     
     
   • Fallback font - Select a fallback font to use in email and in other scenarios where a custom font will not render.
     
     Note: Custom fonts are not supported on most email clients, and may not render in other situations, such as certain operating systems. Fallback fonts are "web safe" fonts - the most reliable set of fonts that will generally render on any OS, email client, browser, etc.
     
     
     
     
   • Font variants - Upload your font (.woff, .ttf, or .otf). 
     
     
     

     Up to 4 font variants are supported. Variants are used when applying bold or italic styles to highlighted text within the editor.
     
     Supported options: 

     • Weight: Normal (400) or Bold (700) 
     • Style: Regular or Italic
       
       

     These options create up to 4 variations: 

     • Normal, Bold, Italic, Bold Italic
       
       

     
     
     

5. Save the font to add it to the font library.

Apply a Custom Font to a Campaign

Compose will show the active list of fonts (those which are not archived). Your custom font can be selected for any text style throughout the style sidebar, and the editing canvas will reflect the selected font.

Note: Fonts only apply to the “full view” of campaign content. 

Font Rendering

The following fonts will work across all email clients:

• Arial
• Verdana
• Georgia
• Times New Roman
• Courier

And these email clients support web fonts:

• iOS Mail
• Apple Mail
• Android (default mail client, not Gmail app)
• Outlook 2000
• Outlook.com app
• Thunderbird

However, many common email clients do not support web fonts. Users on those clients will see the selected fallback font. For example, in the case of Open Sans, the fallback font is Arial. Refer to this page to see if you email client supports web fonts.

Studio preview for Open Sans



Test email in Gmail showing Arial

Configure Web Experience Custom Font

The web experience font menu will consist of custom fonts uploaded as described above. When selected, the custom font will be respected across the entire web experience, which includes:

• Navigation elements
• Feed cards on the homepage
• All help text and labels
• Profile page
• Settings page
• Discover page
• Topics page

Note: If custom fonts are available, the fonts drop-down menu within microapps will also contain custom fonts.

1. Sign in to Studio.
2. Navigate to Configure > Branding.
   
   
   
   
3. Under User Experience Details, select a font from the Custom Font drop-down menu.
   
   Note: The default web experience font is Inter.
   
   
   
   
4. Click Save to apply the font to the web experience.

Note: The text through the web experience will respect font but not styling. Styling will still be determined by the platform. For example, you can select the font for the title in content cards but you cannot edit the font size. 

Manage Fonts

Only Community Admins and Brand Super Admins can edit custom fonts and archive all fonts.

Archived fonts will be filtered out of the list page by default but can be viewed using the status filter. Both custom and standard (Firstup-provided) fonts can be archived. Archived fonts are no longer available for selection in Compose, but will not be removed from existing campaigns.