Upload custom fonts in your Webflow projects.
You can add more fonts to your project directly from the Font dropdown in the Style panel. Choose Add fonts, and we'll take you to your Project settings > Fonts settings. There, you can upload and use your own custom fonts in any of your projects.
If you want to use custom fonts in a project, head to Project settings > Fonts > Custom fonts and upload your font file(s) there.
Important — font licenses
Please read your font’s license agreement and make sure you have permission to use the font with your site before you upload it. Read Introduction to font licensing and usage to learn more.
Looking for free fonts? Check out: 9 places to find free (and almost free) fonts
You can upload a variety of font file formats into your Webflow project.
Supported by most browsers
Support by a few browsers
After the fonts files have uploaded, you can edit the font family name, the font weight, and the font style.
Once the font family names are correct and matched up, you can upload each font file to your project. You'll be able to see the uploaded fonts in the Designer once you re-open the Designer.
You can always edit your custom font settings. You can also delete uploaded fonts.
Fallback fonts ensure maximum compatibility between browsers and operating systems. If a user's browser fails to load your custom font, it switches to the fallback font. Fallback fonts are automatically created for each font family you upload.
You can edit the fallback font for each font family and choose the font it falls back to from a list of available fonts.
You can edit the font display settings, which determines how font faces load based on what the browser already has saved.
In the Designer, you’ll have full access to any of your custom fonts and font weights. Just browse for the font you need in the Style panel (S) → Typography section. The fonts list is ordered alphabetically.
You can apply your custom font to any text element, any parent element, or any HTML tag to affect all paragraphs or all H1s.
Something went wrong while submitting the form. Please contact firstname.lastname@example.org