Why isn't the custom font I uploaded showing up in the font editor on Webflow?

Published on

September 22, 2023

Note

CommunityFAQ is not affiliated with Webflow. Click here if you'd like to visit Webflow's help resources.

It can be frustrating when you have uploaded a custom font to Webflow, but it doesn't show up in the font editor. There are a few potential reasons for this issue:

Incorrect file format: Webflow supports .woff and .woff2 font file formats. Make sure that your custom font is in one of these formats. If it's in a different format, you will need to convert it before uploading it to Webflow.
File size limitations: Webflow has a file size limitation for each font file you upload. If your font file is too large, it may not be recognized by the system. Make sure that your font file is within the specified limit.
Upload process issues: Sometimes, issues can arise during the font upload process. To troubleshoot this, try the following steps:

Ensure that you have uploaded the font file to the correct location within your Webflow project.
Refresh the font editor page to see if the font shows up afterwards.
Clear your browser cache, as it may be storing outdated information that prevents the font from appearing.

Font file naming conventions: It's important to follow the proper naming conventions for font files in order for Webflow to recognize them. By default, Webflow expects the font file name to be in lowercase letters with no spaces or special characters. Ensure that your font file is named appropriately.
Font licensing issues: If you have obtained a custom font from a third-party source, it's essential to ensure that it is properly licensed for web use. Some fonts have restrictions or require specific licenses to be used on the web. If your font is not licensed correctly, it may not display in the font editor.

By considering these potential issues and troubleshooting steps, you can determine why your custom font is not showing up in the font editor on Webflow. Remember to double-check file formats, file sizes, naming conventions, and font licensing to resolve the problem effectively.

Additional questions:

How can I convert a custom font to a compatible format for Webflow?
What are the file size limitations for custom fonts in Webflow?
How can I ensure that my custom font is properly licensed for web use in Webflow?

How can I reduce the height of the "cards images mask" div in Webflow's cards section layout?

How can I maintain the size of the background video in Webflow?

What is the difference between a one pager and a single-page application (SPA), and how can I use Webflow to create a dynamic single web page with a sticky sidebar and a dynamic header?

Is it possible to create a gallery in Webflow that automatically arranges photos with different margins for vertical and horizontal images, eliminating the need for manual adjustments?

How can I fix the issue where my pop-up is confined within the swiper container in Webflow?

How can I create a link-button to another tab pane in Webflow?

How can I fix an issue with font sizes appearing too big after changing text from px to rem in a horizontal CMS slider in Webflow?

What is a flash of unstyled content and how can it be fixed in Webflow?

Is there a way in Webflow to easily navigate to other pages where a specific class is used after making a small change to that class?

Is it possible to retain the base breakpoint styling and build higher and lower breakpoints styling ground up based on the base breakpoint in Webflow?