How to Add Custom Fonts to Figma on Browser

This short tutorial shows you how you can access local fonts on your computer on the web-based version of Figma if you do not have the Figma App installed.

How to Add Custom Fonts to Figma on Browser

A typeface is a very crucial aspect of visual design. The moment you get the perfect font to go with your design it becomes almost impossible to switch to a closer alternative.

Luckily, Figma has an App for both Mac and PC which means the custom fonts available on your machine will be available in the Figma App. However, in the case of Figma on the web, you will have to install the Figma agent service on your machine to be able to access local fonts on the web version of Figma.

In case you don't have the Figma App installed on your machine, this article shows you how to add custom fonts on the web-based version of Figma to get you a step closer to that perfect design. Let's get to it.

Installing the Figma Font Agent Service.

If you scroll through the expansive list of Figma fonts to no avail, installing the Figma agent should help with that. To install the Figma agent, follow the steps below.

  1. Head over to the Figma download section and under Font Installers, choose the download for your OS, and wait for the download to complete.

Img 1.png

  1. Once done check your downloads directory and double click on the executable file to start the installation.

    Img 2.png

  2. Click on the install button and that is all you have to do.

  3. With the Service installed, head over to your web-based Figma and reload the page. The fonts on your computer are now available in your web version of Figma.

You can now install any font you want on your machine and you should be able to use the font on Figma on the web.

Wrapping Up

There is no need to compromise on the typeface you use in your design. If you find the perfect font for your design and it is not available on the web version of Figma, you can use the Figma font service to get access to the local fonts on your machine on Figma on the web.

This article shows you where to download the Figma font service and how to install it. With the service installed, you can add any custom fonts on your machine and you will be able to use it on your designs on Figma.

If you found this article helpful, share it with others and Subscribe to Geekbits. Also, comment below some of your best fonts.

Thank you for reading : )

Table of Contents
Great! Next, complete checkout for full access to GeekBits.
Welcome back! You've successfully signed in.
You've successfully subscribed to GeekBits.
Success! Your account is fully activated, you now have access to all content.
Success! Your billing info has been updated.
Your billing was not updated.