Was ist ein Webfont?
Wussten Sie, dass Ihr Webbrowser automatisch Schriftarten herunterlädt und verwendet, die nicht auf Ihrem System installiert sind? Webfonts helfen den Seiten, die Sie jeden Tag besser durchsuchen. Hier ist, was es ist und wie es funktioniert.
Desktop-Schriften vs. Web-Schriften
Wir alle verwenden jeden Tag Streaks. Einige werden mit Ihrem Betriebssystem geliefert, andere stammen von Apps wie Adobe Creative Suite oder Microsoft Office, und einige werden von Ihnen heruntergeladen oder gekauft und installiert. Wenn Sie sie installieren, können Sie diese Schriftarten in Textverarbeitungsprogrammen, Bildbearbeitungsprogrammen und mehr verwenden. Dies sind Desktop-Schriftarten, und sie werden lokal gespeichert.
Eine andere Art von Schriftart hat an Bedeutung gewonnen, da unsere Computererfahrung online verlagert wird. Dies sind Webfonts – Typografie-Schriftarten, die in der Cloud gespeichert (und dann in Ihrem Browser zwischengespeichert) und zum Erstellen von Text verwendet werden, der auf Websites angezeigt wird.
Eine kurze Geschichte der Webfonts
In den frühen Tagen des Internets war das Drucken von Webseiten auf Schriftarten beschränkt, die auf Ihrem System installiert waren. Wenn die Schriftart nicht installiert ist, lädt die Webseite eine Standard-„Backup“-Schriftart, die wahrscheinlich verfügbar war. Aus diesem Grund wählen Webdesigner oft die Standard-Systemschriftarten für ihre Sites.
Unter diesen Schriftarten ist Microsoft Kernschriftarten für das Web , eine Reihe von Schriftarten, die für das Webdesign kostenlos zur Verfügung gestellt wurden. Dieses Paket enthielt weit verbreitete Systemschriften wie Times New Roman, Arial, Comic Sans und Trebuchet. Alternativ können Designer Schriftartenkombinationen wie Serif, Sans-Serif und Monospace verwenden, um den Gesamtstil einer Schriftart zu definieren, auch wenn ein bestimmter Stil nicht verfügbar ist.
Dies änderte sich 2010, als Google Google Fonts auf den Markt brachte, ein umfangreiches Open-Source-Repository für kostenlose Schriftarten, das überall im Web verwendet werden kann. Seitdem sind andere Konkurrenten aufgetaucht, wie zum Beispiel Adobes Typekit und im Web gehostete Font-Plugins. Millionen von Websites aus der ganzen Welt laufen mit Webfonts, einschließlich der Produktivitätssuite von Google.
Wie funktionieren Webfonts?
größter Anbieter von Webfonts, Google Fonts , ist eine umfangreiche Webbibliothek mit mehr als tausend Schriftarten. Sie können sie auf Ihrer Website verwenden, indem Sie sie durch CSS ziehen, und mobile Entwickler können beim Erstellen von Android-Apps auf diese Schriftarten zugreifen.
Wenn Sie eine Webseite von Google Fonts verwenden, ruft diese eine Schriftart aus der Google-Datenbank ab und zeigt Ihnen dann den Text mit dieser Schriftart in Ihrem Browser an. Diese Schriftarten werden auf einem Google-Server gehostet und fast sofort hochgeladen. Andere Cloud-Font-Dienste funktionieren auf die gleiche Weise.
Eine andere Alternative besteht darin, stattdessen integrierte, selbst gehostete Schriftarten im Web zu verwenden. Dies geschieht ab Durch Web Open Font Format (WOFF) – Es handelt sich um eine komprimierte Schriftartendatei, die von Mozilla entwickelt wurde und mit den meisten modernen Webbrowsern kompatibel ist. WOFF ist nützlich, wenn Sie eine benutzerdefinierte Schriftart einschließen möchten, die im Webfont-Dienst nicht verfügbar ist.
Holen Sie sich Webfonts
Das Google Fonts-Repository und alle darunter liegenden Schriftarten sind völlig kostenlos und für jeden zugänglich. Es verwendet nur Schriftarten unter einer offenen Lizenz, und viele dieser Schriftarten sind für das Webdesign unverzichtbar geworden, wie etwa Roboto, Lato und Montserrat. Google-Hosts Eine Website, die alle verfügbaren Schriftarten auflistet und Ihnen ermöglicht, diese auszuprobieren und miteinander zu vergleichen. Google bietet auch eine Datenbank mit kostenlosen Vektorsymbolen an.
Da diese Schriftarten frei verfügbar sind, können Sie auch die Originalschriftdateien für die Verwendung auf Ihrem Desktop herunterladen. Viele Websites hosten Google Fonts-Repositorys, darunter Das ist Googles Github. Sie können diese Schriftarten in Projekten verwenden, sie frei mit anderen teilen und sie kostenlos von anderen Stellen im Internet herunterladen.
Viele Website-Builder und Content-Manager wie WordPress und Squarespace bieten standardmäßige Unterstützung für Webfonts. Wenn Sie eine benutzerdefinierte Website verwenden, müssen Sie die Schriftartdatei auf Ihren Server hochladen und den CSS-Code verwenden, um auf die Schriftartdatei zu verweisen, die Sie verwenden möchten.
Wenn Sie mehr über die Verwendung von Webfonts für Ihre Website erfahren möchten, lesen Sie unseren Leitfaden CSS-Webfonts Dies ist von W3Schools.