How can I fix the issue of fonts being greyed out in Webflow's file uploader?

Published on
September 22, 2023

If you are experiencing the issue of fonts being greyed out in Webflow's file uploader, there are a few potential solutions you can try:

  1. Clear your browser cache: Sometimes, web browser cache can cause conflicts with font files. Clearing your cache can help resolve this issue. To clear your cache, go to your browser's settings or preferences, find the privacy or history section, and select the option to clear your browsing data. If you're not sure how to do this, you can search for instructions specific to your browser and version.

  2. Use a different browser: In some cases, the issue may be specific to the browser you are using. Try uploading the fonts using a different browser to see if the problem persists. Popular browsers like Google Chrome, Mozilla Firefox, and Microsoft Edge are all compatible with Webflow.

  3. Check your file format: Ensure that the font files you are uploading are in a compatible format. Webflow supports the following font file formats: .woff, .woff2, .otf, and .ttf. If your fonts are in a different format, you may need to convert them to one of these file types before uploading.

  4. Verify the font file size: If the font files you are attempting to upload are too large, it may cause issues. Webflow has a file size limit of 4MB for fonts. You can check the file size of your font files by right-clicking on them and selecting "Properties" (Windows) or "Get Info" (Mac). If your font files exceed the size limit, consider compressing them or using a font subset to reduce the file size.

  5. Contact Webflow support: If none of the above solutions resolve your issue, it may be worth reaching out to Webflow's support team for assistance. They can help investigate the problem and provide specific guidance tailored to your situation.

In conclusion, if you are facing the issue of fonts being greyed out in Webflow's file uploader, try clearing your browser cache, using a different browser, checking the file format and size, or contacting Webflow support for further assistance.

Additional questions:

  1. How do I upload fonts in Webflow?
  2. What are the compatible font file formats in Webflow?
  3. Is there a file size limit for fonts in Webflow?