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?
Can someone help with hiding the custom cursor div in Webflow until the mouse cursor is on the website viewport or starts moving?
Is there a bug in Webflow that is preventing me from changing the input field width and height? I have a new class but still cannot edit them.
Can someone help me set up a countdown using Webflow?
How can I set up a 301 redirect in Webflow to automatically redirect all template pages with a typo in the CMS collection slug?
How can I assign IDs to dynamic list items in Webflow?
How can I include emojis in the drop down menu choices in Webflow?
Is it possible to increase the spacing between the underline and text of a specific link and change the default width using custom HTML in Webflow?
How can I adjust the color of specific letters in a word without changing the color of the entire text body in Webflow?
How can I align the Select-Field (clothing size selection) in the center on Safari? How can I fix the horizontal display issue with my Navigation options on Webflow?
Can you provide instructions on how to create a form in Webflow with hidden fields that show up based on a checkbox, and require all fields to be filled unless the checkbox is marked?
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.