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

Published on
September 22, 2023

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:

  1. 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.

  2. 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.

  3. 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.
  1. 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.

  2. 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:

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