It took me a long time to realize that Chrome always prefers locally installed fonts over a font with the same name as it is associated in css (see also https://stackoverflow.com/a/16801/ ). My problem is how to understand, make Chrome not do this.
On my page https://www.amon.cc/ I use "Roboto Light" from Google Fonts ( https://fonts.google.com/specimen/Roboto ), for example:
<link href="//fonts.googleapis.com/css?family=Roboto:300" rel="stylesheet" type="text/css" />
In my CSS file, the font is declared as follows:
body{ ... font-family:Roboto,...; font-weight:300; .... }
What works great in FF, IE, Edge:
But in Chrome, the font is always thicker:
Cause. On my private Windows 10, as well as on a business computer, the Roboto font is pre-installed on Windows: Robot Regular, Robot Condensed. But there is no Roboto Thin or Robot Light, so it seems that Chrome has a backup of Roboto Regular.
When removing a Robot font from Windows, Chrome uses the declared web font and displays it the way I want it. I could not figure out how to “force” Chrome to not use the local installation and use it on the CDN instead.
However, Chrome can display the Roboto font in all different ways on the website https://fonts.google.com/specimen/Roboto (even with my local Robot font), I could not understand how this was done.