CODEWITHSUNDEEP
htmlcssfontsgoogle-font-api
SJU
SJU

Reputation: 3272

Font family Open Sans not working

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 tried https or http 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.

Upvotes: 11

Views: 43030

Answers (3)

Chinh Vo Wili
Chinh Vo Wili

Reputation: 85

I use font-family "Open Sans", It works instead of "OpenSans".

Upvotes: 3

SJU
SJU

Reputation: 3272

Ok, my main error was to use font-family: OpenSans; instead of font-family: 'Open Sans';

Upvotes: 15

Philip Szalla
Philip Szalla

Reputation: 111

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?

Upvotes: 7

Related Questions