Font Famiglia Open Sans non utilizzato

Sto usando Google's Open Sans Font nella mia applicazione.Font Famiglia Open Sans non utilizzato

ho definito il foglio di stile come indicato:

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

Ho quindi utilizzato sul selettore di corpo come:

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

non ho definito famiglia di font in qualsiasi altro luogo. Presumo che dal momento che l'ho definito sul genitore, gli elementi figlio lo erediteranno automaticamente.

Tuttavia, se apro l'ispettore per dire un tag di ancoraggio nella mia applicazione e vedere gli stili calcolati per quel tag, trovo che (Chrome Ultimo) il "Font rendering" dice "Times New Roman 18 glifi" - È corretto? Mi aspettavo che dicesse "Open Sans" - Il font Open Sans non viene applicato?

fonte

2014-04-07 callmekatootie

hai un JSFiddle? – smistry

Impossibile riprodurre. Il testo * sembra * come Open Sans? Dovrebbe essere chiaramente distinguibile da Times New Roman. Le informazioni "Carattere reso" in Chrome possono essere false per i caratteri web. –

@ JukkaK.Korpela Si prega di vedere la risposta - apparentemente è una specie di bug con Chrome (perché non ho il problema con Firefox) – callmekatootie

Verificare il codepen link. Sta funzionando bene per me!

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

fonte

2016-10-20 11:57:55

Font Famiglia Open Sans non utilizzato

risposta

Problemi correlati