Font family Open Sans not working
Solution 1
Ok, my main error was to use font-family: OpenSans;
instead of font-family: 'Open Sans';
Solution 2
did you try to reference your CSS with https?
<link href="https://fonts.googleapis.com/css?family=Open+Sans:400italic,600italic,700italic,400,600,700" rel="stylesheet" type="text/css">
I tried this with JSFiddle and it work in my Chrome. https://jsfiddle.net/doqvqfhe/1/
Could you give some more code?
Solution 3
I use font-family "Open Sans", It works instead of "OpenSans".
ZazOufUmI
Updated on August 15, 2020Comments
-
ZazOufUmI over 3 years
I'm using Open Sans font for my website but it is not working across all computer and I can't figure it why.
I'm calling it in my
<head>
tag. I triedhttps
orhttp
or//
and the result is the same.<link href='//fonts.googleapis.com/css?family=Open+Sans:400italic,600italic,700italic,400,600,700' rel='stylesheet' type='text/css'>
It is well loaded from the browser (status 200).
My CSS looks like this:
body{ font-family: OpenSans; }
But my text are rendered with some sans-serif font besides the fact that it mention Open Sans in the CSS inspector. Even if I remove all font-family from the CSS inspector in my Chrome browser, the font doesn't change. Also, if I add !important, nothing change.
What can be the source of this issue?
I already tried this solution without success.
I don't think it's a conflict because it's working on some computer.