Do you have a solution for removing the links and api-calls to Google Fonts in Webflow, even when using custom installed fonts?

Published on
September 22, 2023

As a Webflow expert, I can provide you with a solution for removing the links and API calls to Google Fonts in Webflow, even when using custom installed fonts. Here's how you can achieve this:

  1. Step 1: Host your font files: To remove the reliance on Google Fonts, you will need to host your custom fonts on your own server. Make sure you have the font files (e.g., .woff and .woff2 formats) ready to upload.

  2. Step 2: Upload the font files to Webflow: In your Webflow project, go to the "Fonts" section under the "Project Settings" tab. Click the "+ Add Font" button and select the custom font files you want to use. Upload both the regular and any additional font variants.

  3. Step 3: Define your font stack: Once the fonts are uploaded, Webflow will generate a font family name for each uploaded font. Note down the font family name(s) associated with your custom font(s). You can find these font family names in the "Fonts" tab under the "Project Settings."

  4. Step 4: Assign the custom font stack: In your Webflow project, go to the "Style Manager." Select the element(s) where you want to use your custom font. Under the "Typography" section, click on the "Font Family" dropdown and select "Custom." In the text field that appears, enter your custom font stack using the font family name(s) you noted down in the previous step.

  5. Step 5: Publish your site: Once you have assigned the custom font stack to your desired elements, publish your Webflow site. Webflow will now serve your custom fonts directly from your own server, eliminating the need for Google Fonts and any associated links and API calls.

By following these steps, you can successfully remove the links and API calls to Google Fonts in Webflow, even when using your custom installed fonts. This approach gives you full control over the hosting and serving of your fonts, ensuring a seamless user experience while optimizing your site's performance.

Additional Questions:

  1. How can I remove the links and API calls to Google Fonts in Webflow?
  2. Is there a way to use custom installed fonts in Webflow without relying on Google Fonts?
  3. Can I host my own fonts and remove the dependence on Google Fonts in Webflow?