All geek questions in one place

Open Sans Font Family Not Working

I use Open Sans font for my site, but it does not work on all computers, and I can not understand why.

I call it in the tag <head>. I tried httpseither httpor //, 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 is displayed using the sans-serif font, except that it mentions Open Sans in the CSS inspector. Even if I remove the entire font family from the CSS inspector in the Chrome browser, the font will not change. Also, if I add, it’s important that nothing will change.

What could be causing this problem?

I have already tried this solution without success.

I do not think this is a conflict because it works on some kind of computer.

+4
3

, font-family: OpenSans; font-family: 'Open Sans';

+8

CSS https?

<link href="https://fonts.googleapis.com/css?family=Open+Sans:400italic,600italic,700italic,400,600,700" rel="stylesheet" type="text/css">

JSFiddle, Chrome. https://jsfiddle.net/doqvqfhe/1/

- ?

+1

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

+1
source

Source: https://habr.com/ru/post/1606836/

More articles:


All Articles