CODEWITHSUNDEEP
htmlcss
user11717284
user11717284

Reputation:

Chrome browser is not using 'Open Sans' font defined in my web page instead it is using default for a website

I have included font link in my every .html file of website

and defined in CSS to use :

font-family: 'Open Sans', sans-serif;

And it is working fine on firefox but in chrome, it is not picking up this font even after mentioning explicitly in my .html page.

In Chrome, we have to change font type from settings manually. So I am looking a way to force Chrome to use the font type which is mention in my website rater using its own.

Please provide me any code line and explanation to achieve this.

Here is my code :

<!DOCTYPE html>
<html>
<head>
    <title></title>

    <link href="https://fonts.googleapis.com/css?family=Open+Sans:300,400,500,600,700" rel="stylesheet">
    <style type="text/css" media="screen">
        p{
            font-family: 'Open Sans', sans-serif;
        }
    </style>

</head>
<body>
    <p>This is Simple text to identify if font-family Open Sans is shown by chrome or not. This is Simple text to identify if font-family Open Sans is shown by chrome or not. This is Simple text to identify if font-family Open Sans is shown by chrome or not. This is Simple text to identify if font-family Open Sans is shown by chrome or not. This is Simple text to identify if font-family Open Sans is shown by chrome or not. This is Simple text to identify if font-family Open Sans is shown by chrome or not.</p>
</body>
</html>

you can also see this on Click this link on chrome to see this live

Upvotes: 1

Views: 4464

Answers (3)

user11717284
user11717284

Reputation:

I have thought, The real cause is a chrome security add-on Pri*** Ba****, which I disabled and now I can see Open Sans on the live web also.

Upvotes: 0

Layer
Layer

Reputation: 336

Your link reference is bad i think, i have a different thing when selecting the font:

<link href="https://fonts.googleapis.com/css?family=Open+Sans&display=swap" rel="stylesheet">

Upvotes: 0

Davebra
Davebra

Reputation: 488

welcome on Stackoverflow.

If you look the href of the stylesheet you included the Muli font, ..?family=Muli in order to use the Open Sans you should include the it, replace it with ?family=Open+Sans

Upvotes: 2

Related Questions