Customize the loading URL of webfont.js

Design help General
1

Hello, my website is built with Webflow and hosted on Webflow’s CDN.
I noticed that Webflow automatically inserts the following script into the HTML:

https://ajax.googleapis.com/ajax/libs/webfont/1.6.26/webfont.js

This resource is often inaccessible (404 or timeout) in mainland China, which significantly slows down the initial page load.
I checked the Project Settings, Page Settings, and Embed elements, but I couldn’t find where this script is added manually. I suspect Webflow adds it automatically when using Google Fonts.

I would like to change the loading URL of webfont.js to my self-hosted version (or another CDN accessible in mainland China). Could you please advise if Webflow has a way to:

  1. Disable the automatic insertion of webfont.js; or

  2. Customize the loading URL of webfont.js?

Please let me know where I can modify this or how I can prevent this request from affecting website performance in mainland China. Thanks.

2

I think that script is only loaded when you’re using Google fonts, so the easy solution is to use custom fonts instead. You can download Google fonts and upload those files as custom fonts if you want.

Otherwise… it gets more complex. Either a reverse-proxy, or a secondary webfont.js load which you want to activate only if the built-in one fails. Possible but it would take some R&D.

3

Webflow automatically injects the webfont.js script whenever Google Fonts are used, and there’s no built-in setting to disable or change this URL; in mainland China this can slow down page loads due to accessibility issues. The reliable solutions are to remove Google Fonts and use system or self-hosted fonts, or override the script with custom code to load your own version from a region-friendly source.