Benötigen Sie in CSS Backup-Schriften, wenn Sie benutzerdefinierte Schriften auf eine Webseite anwenden?

Question

Warum wird in CSS eine Backup-Schriftart empfohlen, wenn ich eine benutzerdefinierte Schriftart für die Verwendung mit der Webseite hochlade?

Ich dachte, die Backup-Fonts wurden nur benötigt, wenn der Client nicht die 1./2./3. .. etc Wahl installiert hat.

Zum Beispiel, wenn Sie diesen Code:

@font-face { 
    font-family: MyCustomFont; 
    src: url('../fonts/MyCustomFont.ttf'); 
} 

Warum ist das notwendig?

body { 
    font-family: MyCustomFont, Arial, Helvetica, sans-serif; 
} 

Answer 1

Es ist nicht notwendig einen Schriftart Stapel angeben, aber es hilft, anmutig in obskuren Fällen abzubauen, wenn ein Browser irgendwie die Schriftart zu verwenden, nicht in der Lage ist, z.B. Wenn die HTTP-Anforderung für die Schriftartdatei abgelaufen ist, wird die Schriftartdatei selbst beschädigt oder anderweitig unbrauchbar, der Browser unterstützt unter anderem keine der angegebenen Schriftartformate.

Sie sollten Ihr Bestes tun, um sicherzustellen, dass die benutzerdefinierte Schriftart ordnungsgemäß heruntergeladen und verwendet wird. Aber Dinge können und passieren, die manchmal außer Kontrolle sind, also tut es nicht weh, immer noch etwas Schönes zu haben, auf das man zurückgreifen kann. Deshalb heißen sie Backup- oder Fallback-Fonts :)

Answer 2

Ich habe eine Möglichkeit gefunden, Google Fonts zu integrieren, ohne eines der Probleme, die normalerweise bei der Verwendung von 3rd-Party-Fonts auftreten.

Zunächst einmal wissen wir, dass unsere Google Fonts-Dateien im Format woff vorliegen und möglicherweise nicht in allen Browsern funktionieren.

Zweitens, wenn eine Google Cloud oder ein anderer Missbrauch den Download der Schriftartdatei von unserem Server aufgrund von Cacheeinschränkungen oder anderen Netzwerkgrenzen verhindert, wissen wir, dass dieser Pseudozustand der Konnektivität wahrscheinlich die Woff-Fonts von Google Fonts unterstützt.

Um sicherzustellen, dass die Schriftart beim Hinzufügen von Google Fonts gleich bleibt, empfehle ich, die selbst gehosteten Schriftarten nicht zu entfernen, es sei denn, ein verifizierter Kläger beantragt dies aus Gründen des Besitzrechts.

Anstatt selbst gehostete Schriftarten zu entfernen, die der wahre Schlüssel für echte browserübergreifende Kompatibilität sind, erstellen Sie einen gleichen Schrifteintrag in CSS, der den Schrifttitel als 3rd Party angibt, wie zum Beispiel: 'ArialVanityGoogleFonts'.

des Browsers verwenden integrierte Schriftart Ausweich csv und schließen Sie die Schriften wie folgt: ArialVanity, ArialVanityGoogleFonts, Arial