2016-08-21 2 views
1

Google Web Fonts wie in der Website importiert funktioniert nicht ordnungsgemäß, wenn sie nicht die ersten im Font-Stack sind.Google Web Font Import funktioniert nicht am Ende des Stapels

Aber wenn sie zuerst im Font-Stack sind, funktionieren sie, aber ich brauche sie nicht dort.

Vor einer Woche habe ich Linux als Dual-Boot auf meinem Laptop installiert und beschlossen zu sehen, wie meine Website auf Linux aussieht - es sah komisch aus, weil Linux viele Schriftarten fehlte, besonders meine Palatino-Schriftart - und ich beschloss, eine Sicherung Google zu finden Schriftart. Aber es funktioniert jetzt nicht wie erwartet.

Das Problem ist nicht, dass Schriftarten nicht geladen werden - sie werden geladen:

Manchmal habe ich die Homepage in zwei Sprachen, Englisch und Sanskrit (auch Hindi), auch Google Web Font Latein und Sanskrit Zeichen. Wenn sich die Webschrift in Position 3 oder 4 befindet, ändert sich der Sanskrit-Text, aber der englische (lateinische) Teil des Textes bleibt unberührt.

Wenn jedoch Webfont zuerst gesetzt wird, funktioniert alles einwandfrei.

@import 'https://fonts.googleapis.com/css?family=Sahitya&subset=devanagari'; 

font-family: 'Sahitya', "Palatino Linotype", Palatino, "Book Antiqua", Georgia, serif; 

ODER

font-family: "Palatino Linotype", Palatino, "Book Antiqua", 'Sahitya', Georgia, serif; 

UPDATE: Die Schriftstapel in der 2. Position auch mit Webfont funktioniert, dh wie

font-family: "Palatino Linotype", 'Sahitya', Palatino, "Book Antiqua", Georgia, serif; 

- aber nicht hinter Palatino font ... I vermute, dass es etwas mit Anführungszeichen geben könnte ?! doppelt oder einzeln ?! - während ich weiß, dass die allgemeine Regel ist - Anführungszeichen sind nur für Namen, die aus 2 Wörtern bestehen; aber dennoch...?! 2

UPDATE:

Das gleiche Problem tritt nicht nur für importierte, aber keine Linux-Schriften - wenn es in der Schrift Stapel neben anderer Schriftart von 1 Wort folgt

font-family: Palatino, Carlito sagen - funktioniert nicht ;

While:

font-family: "URW Palatino l", Carlito - arbeiten

+0

' @ import' muss immer die erste Zeile von css sein. –

+0

rule-wise: Laut https://drafts.csswg.org/css-fonts-3/#font-family-prop lautet die Angebotsregel: "Schriftfamiliennamen, die keine generischen Familien sind, müssen entweder in Anführungszeichen gesetzt werden, oder nicht als eine Folge von einem oder mehreren Bezeichnern. " - Ein Identifier ist ein String, der nur aus alphanumerischen Zeichen besteht (https://www.w3.org/TR/CSS21/syndata.html#value-def-identifier), also "Palatino Linotype" und "" Bookman Antiqua "(mit Zitaten), aber" Sahitya "und" Georgia "(keine Zitate). –

+0

'Sahitya' - steht für Google Webfont, weshalb pro Beispiel in Anführungszeichen gesetzt wird; Palatino, Georgia - ohne quotes =) –

Antwort

0

Haben Sie versucht, sie in Ihrem HTML-Header importiert? wie folgt aus:

http://fonts.googleapis.com/css?family=Lato:400,300,700' rel = 'stylesheet text' type = '/ css'>

Grüße, Pablo

+0

Es ist eine andere Art der Einbettung von Google angeboten; aber es würde mehr Schwierigkeiten für mich brauchen; Ich brauche sie im Drupal-Knoten; und es ist einfacher, @import durch ein allgemeines Stylesheet zu setzen –