1. Lettermine Studio
  2. »
  3. Blog
  4. »
  5. How to Add Fonts to Figma: A Comprehensive Guide

How to Add Fonts to Figma: A Comprehensive Guide

February 17, 2025
Share :
How to Add Fonts to Figma A Comprehensive Guide

Even though there are many font choices in Figma, sometimes you want to use another font that is more suitable for the design you are creating now. Therefore, you should know several ways how to add fonts to Figma on Windows and MacOS devices, as well as browser apps.

To help you add the font combination Figma, we have prepared tutorials for each version of Figma app through this article. Check it out!

How to Add Fonts to Figma

To make it easier for you to add fonts to Figma according to the operating system you are using, please see the steps below:

How to Add Fonts to Figma on Windows

If you are using the Figma version of the application on a Windows-based laptop or PC, the steps you must take are:

1. Download Fonts

Figma download

First, you must download the font you want because it’s unavailable in the Figma download. There are many places to download fonts available on the internet.

However, if you want to use it for commercial purposes, make sure to buy it through a trusted font-specific site so you don’t encounter problems later.

Of the many font providers, you can buy them at Lettermine Studio. There are many fonts to pick from.

For example, if you want to buy the Regano Qingsta font, select the font, determine the license option, and make payment so the download or purchase process can be carried out.

how to add fonts to Figma 

2. Compress Selected Fonts

After the download process is successful, here are steps you can take:

  1. You can go directly to the Download menu on the device
  2. Right-click on the downloaded zip file and select the Extract Files menu.
  3. Wait until the extraction process is complete.
add fonts to Figma

3. Install Fonts

To install the font, here are the steps:

  1. Double-click on the font you want. 
  2. You can select the Install option on the pop-up window’s left. 
  3. If the installation process is complete, the font has been saved on your device. Remember that the fonts are automatically saved in Figma, too.
Figma Font

To check this, you can restart Figma first. You can check via Control Panel – Appearance and Personalization. On the Figma Font menu,  double-click. Later, you can see the font, and it is ready to be used freely.

How to Add Fonts to Figma on Mac

Meanwhile, for MacOS operating system users, please follow the guide below:

1. Download and Extract Fonts

Just like on Windows, please download or buy the font you want first to save it on the device.

  1. Once downloaded, open Finder, look for the Download menu, and find your download.
  2. On the font you want to install, please double-click until the pop-up window for installation appears. 
  3. Click on the Install option.
how to add fonts to Figma 

2. Fonts Installed Successfully

If you have installed it, your chosen font will automatically be saved on your device. The font will be saved in the Font Book App application on the device. Meanwhile, you can see the font in the Figma font picker. If you still don’t see it, try restarting the app.

How to Add Fonts to Figma on the Figma Browser App

For Figma browser users, don’t worry because you can also freely add your favorite fonts in this browser. However, to be able to use it, you have to install the Figma font service first.

1. Download Font Installer

The way to successfully install fonts into the Figma browser is as follows:

  1. Open the Download page in your browser.
  2. Then, download the font installer that suits the device’s operating system, MacOS or Windows. Remember, you don’t need to download the font installer again if you have the Figma app.
how to add fonts to Figma 

2. Install

Check Download on the device and click on the font installer file to complete the installation process. Wait until the installation is complete and the application is installed.

how to add fonts to Figma 

Reopen your Figma Browser and click refresh if it has been successfully installed. After a successful refresh, all your fonts on the device will automatically be read into your account.

If you don’t have fonts on your device, please follow the instructions on downloading and installing fonts as in the previous Windows and MacOS device tutorial.

Troubleshooting Font Issues

how to add fonts to Figma 

Even though the method above is relatively easy and quick to follow, sometimes several problems occur when installing fonts into Figma. Therefore, you can follow some of the suggestions below:

1. Font Not Showing in Font Picker

If the font is not showing in Font Picker, check the storage folder again if the menu still doesn’t provide the font you installed previously.

For Windows users, ensure the font is saved in the C:\Windows\Fonts folder. Meanwhile, MacOS users should make sure the font is in /Library/Fonts.

If it is not stored there, then the problems above often occur. So, please place the font according to its location.

2. Change Variable Font to Static

Variable fonts are font types with several styles, such as light, bold, italic, and others. Because variable font files are still not supported by Figma, you should delete the file with the variable name in the font folder.

After that, replace it with a static font for later use in apps or browsers.

3. Find Missing Font Alert

Sometimes, when viewing people’s files or collaboration, you will see a yellow icon with an “A” and a question mark. It means that the version of the font in the file is different from yours or the editor used a different font.

To solve this, here are what you can do:

  1. Please click the icon. There, you will find an explanation of the font. 
  2. After that, please look for an alternative replacement.

After learning how to add fonts to Figma above, you can immediately hunt for fonts that match your design. For more choices, check and order at Lettermine. There are many choices, but Lettermine also offers many attractive offers. Order now!

Related Post

Scroll to top