Open Sans 600 + 700 display on a Website the same widht if the Font is installed on Windows 10
Reported by
koulaouz...@gmail.com,
Jun 4 2016
|
|||
Issue descriptionUserAgent: Mozilla/5.0 (Windows NT 10.0; WOW64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/50.0.2661.102 Safari/537.36 Example URL: https://jsfiddle.net/x75h2624 Steps to reproduce the problem: 1. Open Google Chrome on Windows 10 2. Visit this jsfiddle: https://jsfiddle.net/x75h2624 3. Compare the weights 600 + 700 (normal), they should look the same, if Open Sans is installed as a font on Windows 4. You can also read this: http://timschreiber.com/2015/01/20/local-web-font-conflict-in-chrome/ and I found this problem appearing also on a couple of other websites I developed What is the expected behavior? 600 and 700 should have a slight different weight What went wrong? I guess it is a Chrome bug, possibly related to: https://bugs.chromium.org/p/chromium/issues/detail?id=335050 ??? Does it occur on multiple sites: Yes Is it a problem with a plugin? No Did this work before? N/A Does this work in other browsers? Yes Chrome version: 50.0.2661.102 Channel: n/a OS Version: 10.0 Flash Version: Shockwave Flash 21.0 r0 According to https://en.wikipedia.org/wiki/List_of_typefaces_included_with_Microsoft_Windows "Open Sans" is not installed by default on Windows 10. I guess it gets installed by Google Chrome? = can anybody confirm this, as I couldn't find any information about what fonts Google Chrome is installing... I checked on two new Windows 10 PCs with almost no custom installed software on it - except Google Chrome and LibreOffice - and on both Open Sans was installed.
,
Jun 6 2016
,
Jun 6 2016
and what exactly does that mean? sorry, I dont get it...
,
Jun 6 2016
The way that the open sans fonts are added on that page prefers a local font over a web font [1]. As such if any weight of Open Sans is installed that will be used instead of the web font. If the desired weight doesn't exist it'll pick a nearby weight (+/i 200) or synthesized the desired weight. The behavior you're seeing results from you having Open Sans installed locally but only for certain weights. This is intentional as per design. As a user if you either uninstall the font entirely or install all desired weights it'll render as you expect it to.. As a page author could could change the CSS to always use the web font instead of preferring a local font. That way the page will always render the same regardless of what fonts the user have installed. Open Sans is not distributed as a part of Chrome. 1: https://fonts.googleapis.com/css?family=Open+Sans:400,400italic,600,600italic,700,700italic&subset=latin
,
Jun 6 2016
I see. Thanks for the thourough clarification. As I found a way to fix this by specifying @font-face together with webfonts.js, but removing the "local" declaration, all is good now. This is not the inented use of webfont.js in order to prevent FOUT though, as @font-face is not needed at all. Anyway, it is as it is, I still just wonder about the following: You are saying that it is "by design" that CHROME uses a local font if available. All other browsers I checked with do not. Wouldn't it be better if CHROME doesn't do this "by design", as for some reason, on 2 different fresh WIN10 machines, Open Sans seems to be preinstalled? Jusk asking... Maybe you can give me a hint how I can find out what did install Open Sans on those two PCs, as it is not shipped by default with WIN 10 and is not installed by Chrome? |
|||
►
Sign in to add a comment |
|||
Comment 1 by koulaouz...@gmail.com
, Jun 5 2016