4

I use the Google Font 'Open Sans' on my website.

I noticed the incorrect font weight was being displayed for certain links. My regular text has a font-weight of 300, while my links have a font-weight of 400. However, all the links look the same as the regular text.

I navigated to the Google Fonts website:

http://www.google.com/fonts#UsePlace:use/Collection:Open+Sans

and noticed something interesting.

  • On Windows, on Google Chrome, the Light 300 and Normal 400 versions are identical.
  • On Windows, on Firefox, IE, and Safari they are not.
  • On Ubuntu, on Google Chrome, they are not.

The issue seems to be isolated to Google Chrome (latest version) and Windows (version 8.0).

My fonts are loaded onto my website using a link in the header.

<link href='http://fonts.googleapis.com/css?family=Open+Sans:400,300' rel='stylesheet' type='text/css'>

However, the issue is not isolated to my website, as the Google Fonts site itself shows the same issue.

I wanted to ask for someone's help with this issue. I have read online about other issues with Google Fonts, such as smoothness, but nothing on font-weight.

1 Answer 1

7

It turns out I had a desktop version of the "Open Sans Light" font installed in my Windows machine.

After reading this thread: Issue 340: Open Sans 400 is showing as condensed light in Chrome

and uninstalling the font, the issue went away.

1
  • 2
    please update the link for this issue. The current link is obselete.
    – zaffer
    Dec 16, 2016 at 10:37

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

Not the answer you're looking for? Browse other questions tagged or ask your own question.