Font family Open Sans not working

html css fonts google-font-api
Stéphane picture Stéphane · Sep 10, 2015 · Viewed 29.6k times · Source

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.

Answer

St&#233;phane picture Stéphane · Sep 11, 2015

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

Related questions

How to add some non-standard font to a website?

Is there a way to add some custom font on a website without using images, Flash or some other graphics? For example, I was working on a wedding website, and I found a lot of nice fonts for that subject. …

Read More
Using .otf fonts on web browsers

I'm working on a website that requires font trials online, the fonts I have are all .otf Is there a way to embed the fonts and get them working on all browsers? If not, what other alternatives do I have ?

Read More
How can I use Google's Roboto font on a website?

I want to use Google's Roboto font on my website and I am following this tutorial: http://www.maketecheasier.com/use-google-roboto-font-everywhere/2012/03/15 I have downloaded the file which has a folder structure like this: Now I have three questions: I have …

Read More