We're in beta! Don't mind the bugs.
Helpful resources
Need more help?
Check out the Webflow community.
Free Webflow templates
The best free Webflow templates.
Hire a Webflow expert
Partner with a certified expert.
Rate this answer
Good
Good
Bad
Bad
Share
All posts
Custom code

What is causing OpenSans to still be loaded through GooglefontAPI on the Webflow website?

Published on
September 22, 2023
Note
CommunityFAQ is not affiliated with Webflow. Click here if you'd like to visit Webflow's help resources.

There are a few possible reasons why OpenSans is still being loaded through the Google Font API on a Webflow website:

  1. Inline styles or custom code: If you have added custom code to your website or used inline styles, it's possible that these styles are still referencing the OpenSans font from the Google Font API. Make sure to check your custom code and inline styles to see if any references to OpenSans are present.

  2. Typography settings: Webflow has a built-in typography system that allows you to specify font families for different elements on your website. If you have set OpenSans as the default or fallback font for any element in the typography settings, it will still be loaded through the Google Font API. Double-check your typography settings to ensure that OpenSans is not set as the default font.

  3. Embedded fonts: Webflow allows you to embed custom fonts directly into your website using the @font-face rule. If you have embedded OpenSans as a custom font using this method, it may still be loaded from the Google Font API. Check your embedded fonts to ensure that OpenSans is not included.

To fix the issue and prevent OpenSans from being loaded through the Google Font API, follow these steps:

  1. Remove any references to OpenSans in your custom code, inline styles, and typography settings.

  2. If you have embedded OpenSans as a custom font, remove it from the @font-face rule.

  3. Use the Designer or Style panel in Webflow to set the desired font family for each element on your website. Ensure that OpenSans is not set as the default or fallback font.

By following these steps, you should be able to eliminate the loading of OpenSans through the Google Font API on your Webflow website.

Additional Questions:

  1. How can I remove a font that is being loaded from the Google Font API in Webflow?
  2. What are the steps to embed a custom font in Webflow using the @font-face rule?
  3. How can I optimize the typography settings in Webflow to improve the loading speed of my website?
How can I fix the issue where my navigation dropdown isn't showing the available options when previewing in Webflow?
What are some potential workarounds for the issue of Webflow automatically adding "http://" at the beginning of a URL scheme in a CMS collection link?
How can I hide the white box area and scroll bar surrounding my Power BI graphic in my Webflow site?
How can I build a grid-style website using Webflow that loads new content as the user scrolls down for faster page load? Can custom code be used to accomplish this?
Is there a way to disable the hover state on an HTML embed video header in Webflow?
How can I call a Webflow interaction using jQuery or JavaScript?
How can I modify the provided code to fix the issue with the dropdown menu requiring two clicks instead of one?
How can I change the value for the script 'data-src' dynamically for every item in a CMS collection in Webflow?
Is there a built-in or automatic way to get RSS feeds into a collection in Webflow?
Can someone help troubleshoot why the background and font color does not change when hovering over a link block in Webflow?
Home
Categories
Tutorials
© 2023 CommunityFAQ. All rights reserved.
TermsPrivacyCookies
CommunityFAQ is not affiliated with Webflow. This is a personal project to help answer Webflow's questions and a test project to implement new strategies while working with larger a larger CMS. CommunityFAQ is reader-supported and some links may be affiliate links.