css - google - open sans light italic

Font Family Open Sans no utilizado

Question

Estoy usando Open Sans Font de Google en mi aplicación.

Definí la hoja de estilo como se indica:

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

Luego lo usé en el selector de cuerpo como:

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

No he definido la familia de fuentes en ningún otro lado. Supongo que ya que lo he definido en el elemento primario, los elementos secundarios lo heredarán automáticamente.

Sin embargo, si abro el inspector para decir una etiqueta ancla en mi aplicación y veo los estilos calculados para esa etiqueta, me parece que (Chrome Latest) la "Fuente renderizada" dice "Times New Roman 18 glifos" - ¿Es esto correcto? Esperaba que dijera "Open Sans" - ¿No se aplica la fuente Open Sans?

Answer 1

Mira el enlace del codepen . Esta trabajando bien para mi !

.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>