2015-06-16 6 views
6

Aus Gründen des Entwurfs, den ich sehr große Schriftarten in Überschriften verwenden möge ist (etwa 70 bis 85 px) Um das zu verhindern, dass die Seite, die ich wirklich brauche überwältigend dünne Schrift Ich habe Poiret One auf Google Fonts gefunden und es wird als kursive Familie kategorisiert. Es ist eine sehr dünne, sehr elegante Schrift, aber der Standard in der kursiven Familie scheint comic sans zu sein, was genau das Gegenteil ist - sehr klobig, fett und unattraktiv in großen Überschriften. Ich habe in meiner CSS-Datei:Wie eine Web-sichere Benutzerstandardschriftart angeben, ob Google-Schriftart verfügbar

h1 { 
    font-family: 'Poiret One', cursive; 
    font-weight: 100; 
    font-size: 85px; 
    color: #99ccff; 
} 

ich Kurier neu als Benutzer Standard-Schriftart hinzufügen möchte, wie es das dünnste des Web-Safe-Fonts und fügen Sie den folgenden Attribute den Zeichenabstand ähnlich wie Poiret zu machen so dass ich nicht überlaufen meine Bootstrap-Spalten:

font-family: "Courier New"; 
font-style: normal; 
font-size: 4.8em; 
font-weight: 400; 
letter-spacing: -0.125em; 
line-height: 1.5em; 

Was die CSS ist, kann ich den Browser sagen verwenden, wenn Poiret Ein vom Benutzer nicht eingesehen werden können, bitte Kurier neu mit den Schrift Modifikationen verwenden wie oben angegeben ?

Wir freuen uns auf eine Lösung. Vielen Dank!

+0

Sie müssen wahrscheinlich, wenn die Schriftart überprüfen geladen wird erfolgreich mit JavaScript, um eine alternative Klasse als Rückfall auf das Element anzuwenden. Werfen Sie einen Blick auf: http://stackoverflow.com/questions/12312323/how-to-know-if-a-font-font-face-has-already-been-loaded –

+0

Die Poiret One Schriftart lädt ok außer denen für die keine Skripts aktiviert sind oder wenn sie aus irgendeinem Grund nicht auf Google Fonts zugreifen können. Dann ist comic sans geladen und es sieht schrecklich aus, deshalb möchte ich den Standard ändern, um mit den Änderungen, die ich oben liste, neu anzufangen. – Wendy

Antwort

2

Verwenden font-family wie folgt aus:

font-family: 'Poiret One', cursive, 'Courier New'; 

Wenn Browser Courier New Schriftart verwendet nicht Poiret One finden oder ein cursive Schriftart, dann wird es.

+1

_ „... der Standard in der Kursiv Familie scheint komisch ohne .... zu sein“ _ –

+0

Wäre es nicht besser, setzen ' 'Courier New'' vor' cursive'? das OP scheint vor "Courier New" nicht kursiv zu sein – marcellothearcane