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

Published on

September 22, 2023

Note

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

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:

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

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

Why does the solution for changing the size of the Vimeo player only work when the site is published through Webflow, but not when the code is uploaded to a web server?

How can I make my accordion in Webflow display unlimited amounts of copy instead of a limited amount?

How can I modify the code to work for all products on the page instead of just the first one?

In Webflow, is it possible to have a slider set to play automatically on mobile devices but not on desktop devices?

How can I remove the address field from the Snipcart checkout form in Webflow?

How can I filter a collection list in Webflow using the finsweet cms attributes solution?

What can I do if my Webflow template is not responding to direct code edits and I need to make my site responsive?

How can I create a custom lightbox on the "sammlung" page in Webflow?

How can I turn off the connection to Google Fonts in my Webflow project?

How can I create a variable visibility in an iframe to hide it and display a static image if the iframe shows an error message when loading a specific website?