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

Published on
September 22, 2023

To turn off the connection to Google Fonts in your Webflow project, you can follow these steps:

  1. Access the Webflow Designer: Log in to your Webflow account and navigate to the project you want to work on. Click on the "Designer" button to enter the design interface.

  2. Open the project settings: In the top-left corner of the Designer, you'll find a gear icon. Click on it to access the project settings.

  3. Navigate to the "Fonts" tab: Inside the project settings, you'll see multiple tabs. Click on the "Fonts" tab to manage the fonts used in your project.

  4. Disable Google Fonts: By default, Webflow uses Google Fonts, and you'll see a toggle switch labeled "Use Google Fonts" under the "Access to Thousands of Fonts" section. Simply click on the switch to turn it off.

  5. Choose alternative fonts: Once you've disabled Google Fonts, Webflow will fall back to the default web-safe fonts. If you want to use custom fonts, you can upload your own font files in the "Upload a Custom Font" section or explore Webflow's font library by clicking on "Access to Thousands of Fonts."

  6. Review and publish: After making changes to your font settings, review your design in the Designer to ensure the fonts are rendering correctly. Once you're satisfied, click on the "Publish" button to update your live site.

By following these steps, you can easily turn off the connection to Google Fonts in your Webflow project and choose alternative font options.

Additional questions:

  1. How do I upload my own font files in Webflow?
  2. Can I use Adobe Fonts (formerly Typekit) in Webflow?
  3. Does turning off Google Fonts affect the performance of my Webflow site?