Eine vollständige Liste der verfügbaren Schriftarten und Font-Untersätze finden Sie unter Google Fonts. Google Fonts arbeitet mit Typdesignern, Typgießereien und der Design-Community auf der ganzen Welt zusammen. Diese Personen und Organisationen entwerfen die Schriftarten, die Sie auf Google Fonts sehen. So ist z.B. ein unabhängiger Schriftdesigner, der die beliebte Schrift Lato entworfen hat. Eine Schriftgießerei mit dem Namen ParaType entwarf die Schrift PT Serif. In der „Auswahlschublade“ sehen Sie alle Schriftarten, die Sie hinzugefügt haben. Hier finden Sie den Code, den Sie Ihrer Website hinzufügen können. Sie haben auch die Möglichkeit, die Schriftarten auf Ihren Desktop herunterzuladen. Für CSS ist die einfache Antwort, einfach die CSS-Datei herunterzuladen, die Google hostet, und sie entweder selbst zu bedienen oder sie als eingebettetes Stylesheet in den HTML-Code zu legen. Das Problem dabei ist, dass Google-Schriftarten eine browserspezifische CSS-Datei bereitstellt, die für jeden Browser unterschiedlich ist, so dass sie neuere Formate bereitstellen und neuere Funktionen verwenden können, wenn sie unterstützt werden, während sie dennoch benutzerdefinierte Schriftartunterstützung für ältere Browser bietet. Die Google Fonts API stellt standardmäßig die reguläre Version der angeforderten Schriftarten bereit. Um andere Stile oder Gewichtungen anzufordern, fügen Sie einen Doppelpunkt (:) auf den Namen der Schriftart, gefolgt von einer Liste von Stilen oder Gewichtungen, die durch Kommas (,) getrennt sind.

Die Anforderungen können nicht parallel ausgeführt werden, da die Schriftarten erst bekannt sind, nachdem das CSS heruntergeladen und die Stile auf die Seite angewendet wurden. Im besten Fall bedeutet dies acht Roundtrips, bevor der Text angezeigt werden kann (der Text, der bereits im Browser verfügbar war, sobald der HTML-Code verfügbar war). Bei einer langsameren 3G-Verbindung mit einer Rundfahrzeit von 300 ms ergibt sich eine Verzögerung von 2,4 Sekunden. Bester Fall! SkyFonts ist ein leichtes, zum Patent angemeldetes Dienstprogramm, mit dem Sie Desktop-Schriftarten mühelos installieren und auf bis zu fünf Ihrer Geräte synchronisieren können. Da alle hier verfügbaren Schriftarten mit der Erlaubnis zur Weiterverbreitung lizenziert sind, können Sie sich selbst hosten. Hilfe hierzu finden Sie unter github.com/majodev/google-webfonts-helper Fonts.com bietet eine Auswahl von über 20.000 Webschriftarten und flexible Abonnementplänen, einschließlich UNLIMITED Desktop-Downloads von Gießereien wie Monotype, Linotype, ITC, Bitstream und Ascender. Die Art und Weise, wie Google-Schriftarten bedient werden, ist das CSS auf einer Domain (fonts.googleapis.com) und die Schriftartdateien befinden sich auf einer anderen Domain (fonts.gstatic.com). Da sie sich in separaten Domänen befinden, erfordert der Abruf für jede Ressource mindestens vier Roundtrips hin und her zum Server: jeweils eine für die DNS-Suche, das Herstellen der Socketverbindung, das Aushandeln der TLS-Verschlüsselung (für https) und eine abschließende Hin- und Rückreise für die Anforderung selbst. Suchen Sie einfach npm nach typeface-, um die verfügbaren Schriftarten wie typeface-roboto oder typeface-open-sans zu durchsuchen und so zu installieren: Für die Schriftartdateien selbst können wir alle Roundtrips mit Ausnahme des Abrufs selbst eliminieren, indem wir die Schriftartdateien direkt aus derselben Domäne wie der HTML-Datei servieren.

287total visits,1visits today