Warum werden meine Google Fonts nicht auf Mobilgeräten angezeigt?

Question

Auf meiner Website http://jimbrink.org benutze ich die Roboto Slab Schriftart. (Eigentlich habe ich eine Vorlage angepasst, so dass Vorlage nutzt die Roboto Slab Schrift.)

Ich habe festgestellt, dass die Schriftart nicht auf mobilen Browsern angezeigt wird. Aber ich verstehe nicht, warum das so ist.

Jeder Schriftartaufruf in der Datei style.default.css ist Roboto Slab. Ich habe die Website auf einem iOS-Gerät und einem Android (Chrome-Browser) getestet.

EDIT: Mein CSS-Stylesheet können Sie hier: http://www.jimbrink.org/css/style.default.css

Es war zu lange im Körper dieser Posten zu Posten.

Answer 1

Nach dem Betrachten der Website und der Überprüfung der Quelle sehe ich, dass Sie manchmal Ihre Google-Fonts mit einfachen Anführungszeichen angeben, und andere doppelte Anführungszeichen. Ich bin in der Vergangenheit auf Probleme damit gestoßen und habe in der Regel doppelte Anführungszeichen verwendet. Wenn ich jedoch meine kompilierte CSS anschaue, sieht es so aus, als ob die Anführungszeichen aus den Deklarationen entfernt werden.

Ich würde versuchen, doppelte Anführungszeichen wie font-family: "Roboto Slab"; und sehen, ob das funktioniert. Ich bin nicht sicher, warum dies Probleme verursacht, und kann Ihren Code im Moment nicht testen, aber ich hoffe, dass dies hilft. Wenn nicht, posten Sie Ihre CSS und ich werde versuchen, einen Blick zu werfen, wenn ich nach Hause komme.

Answer 2

in Ihrem HTML (aus Google Fonts) heißt es: http://fonts.googleapis.com/css?family=Roboto+Slab:400,700,100%7CRoboto:400,700,300,100

Vielleicht versuchen: https://fonts.googleapis.com/css?family=Roboto+Slab