Wussten Sie, dass Ihr Webbrowser automatisch heruntergeladen wird und Schriftarten verwendet, die nicht auf Ihrem System installiert sind? Web-Fonts Helfen Sie den Seiten, die Sie täglich durchsuchen, schauen besser aus. Hier ist, was sie sind und wie sie arbeiten.
Desktop-Schriftarten vs. Web-Schriften
Wir alle verwenden jeden Tag Schriften. Manche von ihnen Kommen Sie mit Ihrem Betriebssystem Einige kommen von Anwendungen wie der Adobe Creative Suite oder Microsoft Office, und einige sind diejenigen, die Sie herunterladen oder kaufen, und selbst installieren . Wenn sie installiert sind, können Sie diese Schriftarten in Word-Prozessoren, Bildbearbeitungssoftware und mehr verwenden. Dies sind Desktop-Schriften, und sie werden lokal gespeichert.
Eine andere Art von Schriftart ist wichtiger geworden, da unsere Computererfahrung online verschoben hat. Dies sind Web-Fonts-Typografie, die auf der Cloud gespeichert sind (und in Ihrem Browser zwischengespeichert) und verwendet, um den Text zu generieren, der auf Websites angezeigt wird.
Eine kurze Geschichte von Web-Schriften
In den frühen Tagen des Internets war die Typografie auf Webseiten auf die installierten Schriftarten auf Ihrem System beschränkt. Wenn eine Schrift nicht installiert wurde, würde die Webseite eine Standard-"Fallback" -Te laden, die eher verfügbar war. Aus diesem Grund haben Webdesigner oft Standard-Systemschriftarten für ihre Websites ausgewählt.
Unter diesen waren Microsofts Core-Schriftarten für Web , ein Satz von Schriftarten, die für das Webdesign frei verfügbar sind. Dieses Paket beinhaltete weit verbreitete Systemschriftarten wie Times New Roman, Arial, Comic sans und Trebuchet. Alternativ könnten Designer Schriftfamilien wie Serif, Sans-Serif und Monospace verwenden, um den allgemeinen Stil einer Schriftart angeben, auch wenn ein bestimmter nicht verfügbar war.
Dies änderte sich 2010, als Google eingeleitet wurde Google-Schriftarten Ein wesentliches Open-Source-Repository für freie Schriftarten, die irgendwo im Web verwendet werden können. Seitdem sind andere Wettbewerber wie Adobe-Typkit- und Webhosted-Font-Plugins entstanden. Millionen von Websites aus der ganzen Welt laufen auf Web-Fonts, einschließlich Die Produktivitätssuite von Google .
So funktionieren Web-Schriften
Der größte Web-Schriftart-Anbieter, Google Fonts, ist eine expansive Webbibliothek von über tausend Fonts. Sie können sie auf Ihrer Website verwenden, indem Sie sie über CSS ziehen, und Mobile Entwickler können auf diese Schriftarten zugreifen, wenn Android-Apps erstellt werden.
Wenn eine Webseite Google-Schriftarten verwendet, zieht es eine Schriftart aus der Datenbank von Google und zeigt dann den Text in dieser Schriftart in Ihrem Browser an. Diese Schriftarten werden auf dem Server von Google gehostet und sind nahezu sofort geladen. Andere Cloud-Schriftarten arbeiten auf dieselbe Weise.
Eine andere Alternative verwendet stattdessen selbsthostierte, eingebettete Schriftarten in der Web. Dies geschieht durch das Web-Open-Schriftformat (WOFF) -A komprimierte Font-Datei, die von Mozilla entwickelt wurde, der mit den meisten modernen Webbrowsern kompatibel ist. WOFF ist nützlich, wenn Sie eine benutzerdefinierte Schriftart einbetten möchten, die auf einem Web-Font-Dienst nicht verfügbar ist.
Web-Schriften bekommen.
Das Google-Schriftarten-Repository und alle Schriftarten darunter sind völlig kostenlos zu nutzen und für alle zugänglich. Es verwendet nur Schriftarten unter einer offenen Lizenz, und viele dieser Schriftarten sind Heftklammern von Webdesign wie Roboto, Lato und Montserrat geworden. Google beherbergt eine Website Das listet alle verfügbaren Schriftarten auf und ermöglicht es Ihnen, sie auszuprobieren und miteinander zu vergleichen. Google bietet auch eine Datenbank mit kostenlosen Vektor-Icons an.
Da diese Schriftarten frei verfügbar sind, können Sie die ursprünglichen Schriftartateien herunterladen Zur Verwendung auf Ihrem Desktop sowie. Viele Websites hosten Google Fonts-Repositorys, einschließlich Googles eigener Github . Sie können diese Schriftarten in Projekten verwenden, sie frei mit anderen teilen und kostenlos von anderen Orten im Internet herunterladen.
Viele Website-Bauarbeiter und Content-Manager wie WordPress und Squarespace verfügen über Unterstützung für Web-Schriftarten aus der Box. Wenn Sie eine benutzerdefinierte Website verwenden, müssen Sie die Font-Datei an Ihren Server hochladen und den CSS-Code verwenden, um auf die Schriftartdatei zu zeigen, die Sie verwenden möchten.
Wenn Sie mehr über die Verwendung von Web-Fonts für Ihre Website erfahren möchten, überprüfen Sie dies CSS-Web-Font-Guide von W3schools.
VERBUNDEN: So installieren und verwalten Sie die Schriftarten in Windows 10-Settings-App