Nachrichtenquelle: css-tricks.com
Für viele Webdesigner und Entwickler, die mit Schriftarten zu kämpfen haben, haben die gestrigen Neuigkeiten über die Google Font API wirklich Freude gemacht. Diese sehr einfache und praktische API umfasst eine Reihe von Schriftartenbibliotheken und Vorschautools, kombiniert mit dem Open-Source-Laden von WebFont Das von WebFont entwickelte Tool erleichtert Webdesignern die Referenzierung personalisierter Schriftarten auf ihren eigenen Websites.
Die Verwendung der Google Web Fonts API ist so einfach wie das Verknüpfen einer CSS-Datei von Google und das Verweisen auf den Schriftartnamen in Ihrer eigenen CSS-Definition. Hier ist eine Demo als Referenz. Tatsächlich ist die Google Web Font API @font-face und Sie können sie selbst implementieren, aber der Ansatz von Google hat viele Vorteile:
Bandbreite (Bandbreite wird von Google getragen)
Caching (die gleiche Schriftart wird auf vielen Websites zwischengespeichert und der Browser kann sie direkt aus dem Cache abrufen)
Geschwindigkeit (das beschleunigte Google CDN-Netzwerk ist schneller als die Websites der meisten Leute)
Natürlich ist das Laden der CSS-Dateien von Google eine zusätzliche Belastung, aber Sie können direkt auf die Schriftartdatei selbst verlinken oder die Schriftart sogar auf die Website herunterladen, um Ihre eigene SVG-Version zu erstellen. Darüber hinaus unterstützt die Google Web Font API derzeit kein iPhone und iPad.
Beim WebFont-Loader handelt es sich um ein JavaScript-Skript zum Laden von Schriftarten. Es muss nicht verwendet werden, bringt aber zusätzliche Vorteile mit sich. Wenn Firefox beispielsweise Google Web Fonts lädt, wird eine Ersatzschriftart angezeigt, bevor @font-face vollständig geladen ist. Nachdem @font-face vollständig geladen ist, ersetzt die echte Schriftart die Ersatzschriftart, was dazu führt, dass die Seite flackert . und verwirrend, der WebFont-Loader kann dieses Problem lösen.
Raph Levien ist ein Schriftdesigner, der die Schriftart Inconsolata entworfen hat. Raph ist außerdem Mitglied des Google Web Fonts API-Teams und dieser Artikel ist ein Interview mit Raph.
Chris:
Google macht viele gute Dinge für Webdesigner, darunter auch einige, die einen Großteil ihrer Bandbreite beanspruchen, wie die Nutzung ihres CDN-Netzwerks zum Hosten von JavaScript-Bibliotheken. Erlauben Sie mir, ein wenig bissig zu sein: Was genau macht das mit Google? Sicher, dadurch würden Web-Schriftarten schneller, aber was würde ein schnelleres Web Google nützen? Ist die Analyse von Dateninformationen für Google nützlich?
Raph:
Es geht lediglich darum, das Web schneller und reichhaltiger zu machen. Wir erfassen keine personenbezogenen Daten und unsere Protokollaufzeichnungen dienen nur der Leistungsstatistik und Statistiken darüber, welche Schriftarten beliebt sind. Das Beste an diesem Dienst ist, dass der Browser genau wie bei unserer gehosteten Ajax-Bibliothek, da viele Websites diese Dienste nutzen, leicht finden kann, was bereits aus dem Cache geladen wurde, ohne es jedes Mal neu laden zu müssen.
Chris:
Was passiert im schlimmsten Fall mit den Websites, die auf sie verweisen, wenn die von Ihnen gehosteten Schriftarten ausfallen? Werden alternative Schriftarten verwendet oder etwas anderes?
Raph:
Ja, es werden alternative Schriftarten verwendet, es handelt sich lediglich um CSS und der Designer hat die volle Kontrolle darüber, welche Schriftarten verwendet werden. Wenn Sie eine bessere Kontrolle wünschen, können Sie beispielsweise den WebFont-Loader verwenden, um das CSS mit JavaScript zu ändern. Wir arbeiten auch mit allen großen Browser-Entwicklern zusammen, um die Web-Schriftart zu verbessern Erfahrung.
Chris:
Ihre Zusammenarbeit mit TypeKit ist sehr interessant. Können Sie uns etwas darüber erzählen?
Raph:
TypeKit ist neben Web-Schriftarten am weitesten entfernt und wir kennen sie schon seit langem (Jeff Veen hat tatsächlich bei Google daran gearbeitet). Also haben wir natürlich gemeinsam darüber gesprochen. Unsere offenen Schriftarten sind eine tolle Sache, aber wir möchten den Benutzern dennoch mehr Schriftarten zur Verfügung stellen. Darüber hinaus arbeiten wir auch mit anderen großen Schriftartenanbietern zusammen, darunter Ascender.
Chris:
Einige kostenlose oder Open-Source-Schriftarten dienen im Allgemeinen als Werbung für ihre Designer. Ist dies ein Hindernis für die Google Font Library? Letztlich enthalten diese Schriftbibliotheken eingeschränkte Schriftarten.
Raph:
Wir haben bisher eine tolle Resonanz erhalten. Menschen stellen uns aus den unterschiedlichsten Gründen Schriftarten zur Verfügung, und einer der eindeutigen Gründe ist, dass sie dadurch mehr Traffic erhalten und dadurch mehr Premium-Schriftarten verkaufen können. Es gibt immer noch viele Leute, die einfach gerne Schriftarten entwerfen. Wir sind jedoch sehr zuversichtlich, dass unsere Open-Source-Schriftartenbibliothek immer leistungsfähiger wird. Diese professionellen Schriftartenanbieter verfügen jedoch jederzeit über qualitativ hochwertigere Schriftarten.
Internationale Quelle dieses Artikels: CSS TRICKS Google Font API & Interview (Originalautor: Chris Coyier)
Chinesische Zusammenstellungsquelle: Offizielle Website des Ruishang Enterprise CMS-Website-Content-Management-Systems