web-dev-qa-db-fra.com

La famille de polices Open Sans n'est pas utilisée

J'utilise Open Sans Font de Google dans mon application.

J'ai défini la feuille de style comme indiqué:

<link href='http://fonts.googleapis.com/css?family=Open+Sans:400,300,700'
 rel='stylesheet' type='text/css'>

Je l'ai ensuite utilisé sur le sélecteur de corps comme:

body {
    font-family: 'Open Sans', sans-serif;
}

Je n'ai défini de famille de polices nulle part ailleurs. Je suppose que puisque je l'ai défini au niveau du parent, les éléments enfants en hériteront automatiquement.

Cependant, si j'ouvre l'inspecteur pour dire une balise d'ancrage dans mon application et que je vois les styles calculés pour cette balise, je trouve que (Chrome Latest) la "police rendue" dit "Times New Roman 18 glyphes" - Est-ce correct? Je m'attendais à ce qu'il dise "Open Sans" - La police Open Sans n'est-elle pas appliquée?

cssfontsfont-family
16
callmekatootie

Consultez le lien codepen . Cela fonctionne bien pour moi!

.open-sans-font{
  font-family: 'Open Sans', sans-serif;
}
<link href="https://fonts.googleapis.com/css?family=Open+Sans:300,400,700" rel="stylesheet">

<div class="open-sans-font">
   Stackoverflow rocks !!!
</div>
6
Aalind Sharma