Web Design » Figma » How Do I Add Local Fonts to Figma?

How Do I Add Local Fonts to Figma?

Last updated on September 29, 2022 @ 9:55 am

There are two ways to add local fonts to Figma. The first is to use the “Remote” Fonts option in the Text panel. With this method, you can add fonts from your computer or a URL.

The second method is to use the “Local” Fonts option in the Text panel. With this method, you can add fonts that are already installed on your computer.

Remote Fonts

To add fonts using the “Remote” Fonts option, first open the Text panel. Then, click on the “Remote” tab.

Next, click on the “Add Fonts” button. A new window will open. In this window, you can either enter a URL for the font or click on the “Browse” button to select a font from your computer.

Once you have selected or entered a URL for the font, click on the “Add” button. The font will be added to your project and will be available for use in the Text panel.

PRO TIP: Please be aware that adding local fonts to Figma may result in decreased performance and unexpected behavior. Use caution when adding local fonts and be sure to test your project thoroughly before sharing.

Local Fonts

To add fonts using the “Local” Fonts option, first open the Text panel. Then, click on the “Local” tab.

In this window, you can either enter a path for the font or click on the “Browse” button to select a font from your computer. Once you have selected or entered a path for the font, click on the “Add” button.

Conclusion: Adding local fonts to Figma is easy and can be done in two ways – through remote fonts or local fonts. With remote fonts, you can add fonts from your computer or a URL while with local fonts, you can add fonts that are already installed on your computer.

Morgan Bash

Morgan Bash

Technology enthusiast and Co-Founder of Women Coders SF.