3

These screenshots are both taken from the same source code:

You can probably guess it, these are rendered with the latest Google Chrome (43) on Linux. As you can see, the result varies greatly, and I have no idea why.

The only thing I did was open the page in a new tab, and somehow I get on of those results randomly (usually one of the first 2 screenshots)

The relevant parts of the code, i.e. everything that touches the font -family, -style or -weight:

@import url(https://fonts.googleapis.com/css?family=Open+Sans:300,300italic,600);

body {
  font-family: 'Open Sans', sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 300;
}

h1, h2, h3 {
  font-weight: 600;
}

.timetable .organisation {
  font-style: italic;
}

.timetable .title {
  font-weight: 600;
}

You can see it for yourself there (the code is live, I don't care about that bug enough to make a dev copy)

As far as I can tell, the first screenshot show the correct font rendering (where it's thinner), the other one being sans-serif, which is next in the font-family list.

Google Fonts seems to be serving the font in WOFF2 format (checked by opening the imported CSS directly in a tab). I have no idea how to check the font format actually loaded in the page.

I have tried everything remotely related:

This "related questions" are not related:

It might be related to this unanswered question, although my experience differs, as the results change randomly here.

Community
  • 1
  • 1
1ace
  • 5,272
  • 4
  • 23
  • 30
  • Somehow the problem seems to be with the `font-weight` of `400`; setting it to `300` fixed it. This is not a solution, but an acceptable fix. I still want to know what the actual problem is :) – 1ace May 24 '15 at 14:35
  • Do you have a local version of Open Sans installed? Google Fonts refers to the local version first. Regarding checking what font is used: Right click on an element, then "Inspect", then go to the Computed Styles panel. At the bottom it shows you the used fonts. If you still see the random switching in font weight and variations in rendering, please file a bug at http://crbug.com – drott Jun 14 '16 at 15:26

0 Answers0