Google Web Fonts Sicherung herunterfahren?

Question

Ich frage mich, ob es einen Weg gibt, um in Ordnung zu gehen, Google Web Fonts ist down, benutze stattdessen diese als Schriftquelle? Ähnlich wie wir ein window.jquery überprüfen, um zu sehen, ob das Google jQuery-CDN down ist und eine alternative Datei verwenden?

Answer 1

Sie können einfach eine Web-Schriftversion angeben, die auf Ihrem eigenen Server installiert ist, als zweite Option, z. B.

@font-face {
    font-family: 'cantarellregular';
    src: url('cantarell-regular-webfont.eot');
    src: url('cantarell-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('cantarell-regular-webfont.woff') format('woff'),
         url('cantarell-regular-webfont.ttf') format('truetype'),
         url('cantarell-regular-webfont.svg#cantarellregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
body { font-family: Cantarell, cantarellregular; }

Sie benötigen einen anderen Namen für die Schriftfamilie auf Ihrem Server; im Beispiel habe ich den Namen verwendet, den der FontSquirrel @font-face Generator erzeugt hat.

Auf diese Weise versucht der Browser zuerst, die Schriftdatei von der Google-Seite abzurufen, und wenn das aus irgendeinem Grund fehlschlägt, wird er die Schriftdatei von Ihrem Server abrufen.

Ich frage mich, warum Sie nicht einfach die Schrift von Ihrem eigenen Server verwenden, wenn Sie besorgt sind, dass die Google-Seite nicht erreichbar ist. (Es wäre selten, sie nicht erreichbar zu sehen; aber die Verbindung vom Gerät des Benutzers zur Google-Seite könnte unterbrochen sein, obwohl die Verbindung zu Ihrer Seite in Ordnung ist.)

Answer 2

Sie können mehrere Schriftarten auflisten und sie werden in dieser Reihenfolge angezeigt. Zum Beispiel

font-family: 'Skranji', Kursiv, Verdana, Genf, Sans-Serif;

Dies verwendet die Google-Webfont Skranji. Wenn diese nicht verfügbar ist, wird sie auf Verdana und so weiter zurückgesetzt.