How to add custom fonts in Visily

How to add custom fonts in Visily

Add custom fonts to use your own brand or client-specific typography in Visily designs. Custom fonts can be uploaded at the workspace level for reuse across boards, or at the board level for use in one specific board.

Before you start

  1. Custom fonts are available on the Pro and Business plans.
  2. Supported font file formats include: TTF, OTF, and WOFF.
  3. Before uploading a font, make sure you own the font or have the right to use and upload it for your intended purposes, in accordance with Visily’s Terms of Service.

Custom font limits

Custom font limits depend on your workspace plan:
  1. Pro plan: Upload up to 5 Custom Fonts for each board canvas and up to 5 Custom Fonts in the Workspace Library.
  2. Business plan: Upload and use an unlimited number of Custom Fonts at both the board and workspace levels.

Upload custom fonts 

You can upload custom fonts from either Workspace Library or Board Theme Settings, depending on where you want the fonts to be available. Workspace fonts can be reused across boards, while board fonts are available only in the current board.

Upload from Workspace Library

  1. Open the Workspace Library.


  2. Go to the Custom Fonts tab.


  3. Click Add font files, or drag and drop your font files into the upload area.


  4. Confirm that you have the rights to use and upload the fonts.

Upload from Board Theme Settings

  1. Open the board where you want to upload and use the custom font.
  2. Click Theme from the bottom toolbar.

  3. In the Text section of the board theme, select Edit texts.


  4. In any theme font field, such as Primary, Secondary, or Tertiary, open the font dropdown menu.


  5. Switch to the Custom tab, then choose one of the following options:
    1. Select Add font file if no custom fonts have been added yet.


    2. Select Manage custom fonts if custom fonts already exist and you want to upload another one.


  6. In the Manage custom fonts dialog, choose where you want to upload the custom font:
    1. This Board: Upload the font for the current board only. 
    2. Workspace: Upload the font for use across the workspace.


  7. Click Add font file.
  8. Confirm that you have the rights to use and upload the font.
Idea
You can also add custom fonts by selecting a text element on the canvas, then opening the Font dropdown from the toolbar.

Use custom fonts in your design

After uploading a custom font, you can apply it to your board theme, workspace theme, or individual text elements.
  1. Use in a theme: Select the custom font for Primary Font, Secondary Font, Tertiary Font, or any text presets as needed. Apply the theme changes to update designs using that theme.
  2. Use in a text element: Select a text element on the canvas, then choose a custom font from the Fonts dropdown in the toolbar. The selected font is applied immediately to that element only.

Manage uploaded custom fonts

You can manage uploaded fonts from the Workspace Library or the Manage Custom Fonts dialog. Available actions may include:
  1. View uploaded fonts
  2. Upload more font files
  3. Delete a custom font

Notes
A replacement font must be selected before deleting a custom font. The replacement font will be applied across boards, themes, and text elements where the deleted font was used.

Note

  1. Workspace custom fonts are available across boards in the same workspace and appear in both Workspace Library and the Workspace tab of the Manage Custom Fonts dialog.
  2. Board custom fonts appear in the This Board tab of the Manage Custom Fonts dialog and are available only in the board where they were uploaded.
Need more help?
If this does not solve your issue, contact support and include a screenshot if possible.

    • Related Articles

    • Wireframe Elements in Visily

      Visily provides a wide range of ready-to-use elements for building app and website wireframes. These elements help you create consistent interfaces quickly without designing every component from scratch. Before you start Make sure you have permission ...

    • How to add a blank screen to the canvas

      Add a screen to the canvas when you want to create a new page, flow step, or design variation in your board. Before you start Make sure you have permission to edit the board. How to add a blank screen Open the board where you want to add a screen. ...

    • How to import designs from Figma into Visily

      This article explains how to import Figma designs into Visily using the Visily plugin for Figma. You can bring your designs into Visily by copying them directly or by exporting them as a `.vis` file. Once imported, your Figma designs become editable ...

    • Prompt guide for the Visily AI Chat Assistant

      Create great designs, diagrams, and images with Visily AI by writing clear, focused prompts. This guide shows you how. 🔑 Golden Rule: Always State the Output Type Clearly specify what you want to generate: UI Screens: Indicate the platform (mobile, ...

    • Component Templates in Visily

      This article explains what Component Templates are in Visily and how to use them to build designs faster. What Component Templates are Component Templates are ready-made UI building blocks that help you add detail to your design without creating ...