Dieses Dokument enthält einige technische Informationen zu den Hintergründen wenn Sie eine Webschriftart über die Google Fonts API anfordern.
Dieses Dokument enthält auch Informationen zum browserspezifischen Verhalten.
Wenn Sie nur die Fonts API verwenden möchten, brauchen Sie diese Seite nicht zu lesen. Das Lesen dieser Seite kann Ihnen jedoch dabei helfen, die Leistung beim Laden von Seiten zu verbessern.
Worum handelt es sich bei der Bereitstellung der Google Fonts API?
Wenn ein Browser eine Anfrage für ein Fonts API-Stylesheet sendet (wie in einem
<link>-Tag auf Ihrer Webseite enthält, liefert die Fonts API ein Stylesheet, das für
dem User-Agent, von dem die Anfrage stammt.
Eine Anfrage für Inconsolata aus Firefox liefert beispielsweise den folgenden CSS-Code:
@font-face {
font-family: 'Inconsolata';
src: local('Inconsolata'), url('https://themes.googleusercontent.com/fonts/font?kit=J_eeEGgHN8Gk3Eud0dz8jw') format('truetype');
}
Eine Anfrage von Internet Explorer hingegen gibt Folgendes zurück:
@font-face {
font-family: 'Inconsolata';
src: url('https://themes.googleusercontent.com/fonts/font?kit=J_eeEGgHN8Gk3Eud0dz8jw');
}
Nach dem Herunterladen des CSS-Codes lädt der Browser die Schriftart in der entsprechenden -Format für den Browser.
Browserspezifisches Verhalten
In diesem Abschnitt wird das Standardverhalten jedes Browsers mit Webschriftarten beschrieben. Beachten Sie, dass können Sie dieses Verhalten mithilfe der Web Font Loader (Ladeprogramm von Webschriftarten).
Eine Liste der unterstützten Browser findest du in der Häufig gestellte Fragen.
Google Chrome
Chrome rendert den Rest der Seite. Solange die Schriftart noch nicht geladen ist, wird sie ein Leerraum anstelle des Texts, in dem die Schriftart verwendet wird.
Mozilla Firefox
Firefox zeigt den Text zunächst in der Standardschrift an und gibt den Text dann erneut in sobald sie geladen ist. Dieses Verhalten wird auch als „Flash of Unstyled Text.“
Apple Safari
Safari rendert den Rest der Seite. Bis die Schriftart geladen ist, wird sie angezeigt. ein Leerraum anstelle des Texts, in dem die Schriftart verwendet wird.
Microsoft Internet Explorer
Internet Explorer rendert den Rest der Seite. Bis die Schriftart geladen ist, Anstelle des Textes, in dem die Schriftart verwendet wird, wird eine leere Fläche angezeigt.
Im Allgemeinen kann das Verhalten von Internet Explorer je nach Platzierung variieren. und das Vorhandensein verschiedener Elemente. Wenn Sie ein einheitliches Verhalten in allen Browsern sollten Sie Web Font Loader verwenden. Für können Sie beispielsweise dafür sorgen, dass sich alle Browser wie Firefox verhalten.