Schriftfamilie Open Sans wird nicht benutzt

Ich verwende Google's Open Sans Font in meiner Anwendung.Schriftfamilie Open Sans wird nicht benutzt

Ich habe das Stylesheet wie angewiesen definiert:

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

habe ich es dann auf den Körper Selektor als:

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

I Schriftfamilie nirgendwo anders definiert haben. Ich gehe davon aus, dass die untergeordneten Elemente das Element automatisch erben, da ich es im übergeordneten Objekt definiert habe.

Allerdings, wenn ich den Inspektor öffnen für sagen ein Anker-Tag in meiner Anwendung und sehen Sie die berechneten Stile für dieses Tag, finde ich (Chrome Latest) die "gerenderten Font" sagt "Times New Roman 18 Glyphen" - Ist das richtig? Ich habe erwartet, dass es "Open Sans" sagt - Wird die Open Sans-Schriftart nicht angewendet?

Quelle

2014-04-07 callmekatootie

haben Sie eine JSFiddle haben? – smistry

Kann nicht reproduziert werden. Sieht der Text * wie Open Sans aus? Es sollte klar von Times New Roman unterschieden werden. Die Information "Gerenderte Schrift" in Chrome kann für Webfonts ein Fehler sein. –

@ JukkaK.Korpela Bitte sehen Sie die Antwort - anscheinend ist es eine Art Bug mit Chrom (weil ich das Problem mit Firefox nicht habe) – callmekatootie

Überprüfen Sie die codepen link. Es funktioniert gut für mich!

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

Quelle

2016-10-20 11:57:55

Schriftfamilie Open Sans wird nicht benutzt

Antwort

Verwandte Themen