How to add a custom font in Webflow

Here is how to add a custom font in webflow

First click on the hamburger menu icon in the top-left corner of the interface
Then click on "Site settings" option in the left sidebar menu
Next click on "Fonts" item in the left sidebar menu under Libraries section
Then click on "Upload" button in the Custom fonts section
Click on the empty area below to add fallback font information
Select an option from the fallback font dropdown menu
Finally click on "Upload font file" button at the bottom of the form

Create your own interactive guide with Guideflow

Why should you add a custom font in Webflow

Webflow is a dynamic platform designed to empower creators to build responsive, visually engaging websites without coding.

Adding a custom font in Webflow allows you to enhance your site’s personality and ensure visual consistency with your brand identity. By using unique typography, you can capture attention and convey your brand's message more effectively.

This feature offers the flexibility to tailor your site’s aesthetic, providing a more immersive experience for your visitors while setting your design apart from the standard web offerings.

Last update

March 2, 2026

Tutorials