Google Web Fonts nur Buchstaben arbeiten

Ich versuche, die Schriftart zu verwenden 'Cabin Sketch' ich incluced die Schrift, wie es auf der Google-Web-Font-Seite sagt:Google Web Fonts nur Buchstaben arbeiten

html:

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

css:

Briefe von az arbeiten, aber alle anderen Charaktere wie.! @ funktionieren nicht.

In der Google Web Schriftart Vorschau funktionieren alle Zeichen.

Andere Schriftarten funktionieren einwandfrei.

Ich benutze Firefox 11.0 und Ubuntu 11.04.

Ich habe auch ein Problem auf Google Font-Verzeichnis: http://code.google.com/p/googlefontdirectory/issues/detail?id=124

Danke im Voraus.

Quelle

2012-04-02 roccosportal.com

Das scheint richtig, mit welchem Browser verwenden Sie es? Es sollte für alle verwendeten Alphabete funktionieren. Ich habe es getestet und es funktioniert gut. Stellen Sie sicher, dass Ihr browser supports@font-face

jsfiddle

http://jsfiddle.net/

HTML-Seite

<head> 
    <link href='http://fonts.googleapis.com/css?family=Cabin+Sketch:400,700' rel='stylesheet' type='text/css'/> 
</head> 
<body> 
    <div id="font"> 
     <p>Hey yo</p> 
     <p>1234</p> 
     <p>! @ .</p> 
    </div> 
    <div id="normal"> 
     <p>Hey yo</p> 
     <p>1234</p> 
     <p>! @ .</p> 
    </div> 
</body>

css

body { 
    padding: 100px; 
} 
div { 
    margin: 10px; 
} 
#font { 
    font-family: 'Cabin Sketch'; 
    font-style: normal; 
    font-weight: 400; 
    color: #333; 
    font-size: 14px; 
}

Vorschau in Chrome

preview

So ist es richtig, wie Sie oben sehen, unterstützt es nicht alphabetische Zeichen. Lass die Geige laufen, um dich selbst zu sehen. Ich hoffe, das hilft!

Quelle

2012-04-02 07:22:41

Dies funktioniert auf jsfiddle und auf einer lokalen Testseite. Irgendwelche Vorschläge, was dieses Verhalten bei einem größeren Projekt verursachen kann? Und ich benutze Firefox 11.0. –

Überprüfen Sie in Ihrem Inspektor, ob Stile überschrieben werden (z. B. welcher Stil der Inspektor sieht). Normalerweise zeigt der Inspektor die Stile von oben an (hohe Priorität überschreibt alles, was darunter liegt). Einfacher zu verwenden Firebug in Firefox oder Web Inspector für Chrome/Safari. –

Ok, natürlich war es tatsächlich meine Schuld. Ich habe die Charaktere getestet [und. die einer Standardschrift ähneln, wenn Sie kleine Schriftgrößen verwenden. Ich benutzte ein @ irgendwo anders auf der Website, die wie eine Standardschrift aussah, weil ich in diesem Teil tatsächlich eine Schriftart verwendete, die diese Zeichen nicht unterstützt, aber ähnlich wie "Cabin Sketch" aussieht. Ich habe es auf einer Testseite herausgefunden, als ich herangezoomt habe. Vielen Dank. –

Google Web Fonts nur Buchstaben arbeiten

Antwort

Verwandte Themen