Verschönern Sie Ihre Website mit diesen 12 wunderschönen Google Web-Schriftarten

Werbung

In den letzten zehn Jahren habe ich startete eine Reihe von persönlichen Blogs 10 wesentliche erste Schritte beim Starten eines Wordpress-BlogsNachdem ich einige Blogs erstellt habe, würde ich gerne glauben, dass ich ein gutes System für diese wesentlichen ersten Schritte habe, und ich hoffe, dass es auch für Sie von Nutzen sein kann. Folgend... Weiterlesen das habe ich nie wirklich durchgearbeitet, aber einige meiner schönsten Erinnerungen beruhen auf Themendesign und Font-Optimierungen. Es ist befriedigend, wenn Sie die perfekte Übereinstimmung der Schriftarten für Ihre Website finden und alles passt. Glücklicherweise war dieser gesamte Prozess mit Google Web Fonts nie einfacher.

Welche Google Web Fonts sollten Sie also verwenden? Nun, Sie können jede der Schriftarten im Google Web Fonts-Verzeichnis verwenden, das derzeit über 600 verschiedene Schriftarten enthält - und diese Zahl wächst weiter. Einige Schriftarten haben sich jedoch immer wieder als ansprechender und leichter zu lesen als andere erwiesen. Lesen Sie weiter, um herauszufinden, was diese Schriftarten sind.

Hinweis: Die Wertschätzung von Schriftarten ist immer eine subjektive Angelegenheit, aber die Beliebtheit dieser Schriftarten legt nahe, dass sie eine schöne Qualität haben. Überlegungen zur Schriftart für diese Liste wurden im Zusammenhang mit Absatzkörpern gemacht, nicht im Zusammenhang mit Überschriften, Kunst oder Grafikdesign.

Was sind Google Web Fonts?

Google Web Fonts ist eine zentralisierte Sammlung verschiedener Schriftarten, die Sie in Ihre Website (s) einbetten können. Für eine Weile waren Website-Schriftarten auf das beschränkt, was sich auf dem Computer des Betrachters befand. Wenn sie nicht über die angegebene Schriftart verfügten, wurde Ihre Website nur in der Standardschriftart ihres Browsers angezeigt. Mit Google Web Fonts können Betrachter die Schriftart Ihrer Website sehen, auch wenn sie diese nicht haben. Dies öffnet viele Türen in Bezug auf das Design.

Wenn Sie WordPress verwenden, werden einige Themen (insbesondere die neueren) in den Themenoptionen mit Unterstützung für Google Web Fonts ausgestattet. Für andere Webprojekte hat James ein großartiges geschrieben Anleitung zur Verwendung von Google Web Fonts So verwenden Sie Google-Schriftarten in Ihrem nächsten Webprojekt und warum sollten SieDie Wahl der Schriftart ist eine wichtige Designentscheidung auf jeder Website, aber die meiste Zeit geben wir uns mit derselben alten Serifen- und serifenlosen Familie zufrieden. Während der Haupttext immer etwas sein sollte ... Weiterlesen für Ihre Website. Wenn Sie Erfahrung im Bereich Webmanagement haben, sollte dieser Vorgang für Sie kinderleicht sein.

Google Web Fonts können auch auf andere Weise verwendet werden, z Font Changer Chrome-Erweiterung Font Changer mit Google Web Fonts: Ändern Sie einfach die Schriftart einer Website [Chrome] Weiterlesen . Wenn eine bestimmte Website für Sie nicht sehr gut aussieht oder sogar Ihren Sinn für Grafikstandards verletzt, können Sie mithilfe von Google Web Fonts das Erscheinungsbild einer Website manuell ändern. Wie cool ist das?

Serifenschriftarten

Serifenschriften sind solche, die kleine Häkchen, Striche oder Füße am Ende von Buchstaben und Symbolen haben. Denken Sie an die Arten von Schriftarten, die Sie in einem gedruckten Buch, einer Zeitung, einer Abschlussarbeit usw. finden. Im Großen und Ganzen sind sie formeller als serifenlose Schriftarten (die im zweiten Teil dieses Artikels behandelt werden) und werden im Allgemeinen als leichter lesbar angesehen, obwohl dies umstritten ist.

Droid Serif: Sie können nicht über moderne Serifenschriften sprechen, ohne in das Gebiet der Droiden einzutauchen. Die Droid-Schriftfamilie wurde für die Verwendung auf kleinen mobilen Bildschirmen, insbesondere auf der Android-Plattform, entwickelt. Die Schrift hat jedoch an Popularität gewonnen und wird mittlerweile überall verwendet.

PT Serif: Obwohl es das schon seit einigen Jahren gibt, ist die PT-Schriftfamilie für mich neu - und ich liebe es. Ich verwende es jetzt für fast alle meine Texteditoren, egal ob es sich um Microsoft Word, Scrivener oder Blog-Bearbeitung handelt. Es ist elegant und modern mit einer eigenen, geschmackvollen Interpretation von Serifen.

Lora: Lora ist neben PT Serif vielleicht meine zweite Lieblingsschrift für Serifen. Es hat genau die richtige Balance zwischen gerade und rund, was zu leichtem Lesen und einer angenehmen Ästhetik führt. Dies ist die Schriftart, die ich verwende, wenn E-Books auf meinem Computer lesen EPubReader: Lesen Sie kostenlos .EPUB-Bücher direkt in Ihrem Browser [Firefox]Die Popularität von eBooks ist in den letzten Jahren rasant gestiegen und es sieht nicht so aus, als würde sie sich bald verlangsamen. Erst der Kindle, dann der Nook, dann Smartphone-Apps wie Aldiko und Mantano - es gibt ... Weiterlesen .

Judson: Judson macht eine gute Pause, wenn Sie eine schöne Serifenschrift benötigen, aber nicht auf einige der beliebtesten zurückgreifen möchten, wie die oben aufgeführten. Ein Grund dafür, dass es nicht so oft verwendet wird, ist, dass es keinen Stil gibt, der sowohl fett als auch kursiv ist.

Merriweather: Ich habe Merriweather kürzlich in einem produktiven Autorenblog gesehen und mich verliebt. Mit dem richtigen Kerning und Abstand wird Merriweather sehr augenschonend und erleichtert das schnelle Lesen, was sich hervorragend für Blogs und Webinhalte eignet.

Vollkorn: Dies ist die Schriftart, die mich in erster Linie zu Google Web Fonts geführt hat. Es ist schön, im kleineren Schriftgrößenbereich zu schauen, aber die Fehler werden bei größeren Größen deutlicher. Trotzdem ist es großartig und einen Versuch wert.

Sans-Serif-Schriftarten

Wenn Serifenschriftarten solche mit Häkchen und Füßen auf Buchstaben und Symbolen sind, dann sind serifenlose Schriftarten solche ohne Häkchen und Füße. Einige Leute beschreiben serifenlose Schriftarten als "sauberer" und "modern" und werden oft als weniger formal als Serifenschriftarten angesehen, obwohl dies mit jedem Jahr weniger wahr wird. Der Name kommt vom französischen Wort für "ohne" - ohne - Wenn Sie also eine Schriftart mit der Bezeichnung "Sans" sehen, wissen Sie, dass es sich um die saubere Version dieser Schriftart handelt.

Droid Sans: Droid Sans gehört zur selben Schriftfamilie wie Droid Serif, aber Droid Sans ist aus einem einfachen Grund viel beliebter: Mobile Apps verwenden eher serifenlose als serifenlose Schriftarten. Die Popularität ist jedoch im Web übergelaufen, und Sie haben diese Schriftart wahrscheinlich mehr gesehen, als Sie denken.

PT Sans: PT Sans ist eine saubere serifenlose Schrift, die tatsächlich etwas schmaler ist als herkömmliche serifenlose Schriftarten. Es ist eine wunderbare Mischung aus scharfen Linien und weichen Kurven, was zu einer Schrift führt, die sich steril und doch künstlerisch anfühlt.

Öffnen Sie Sans: Auf der anderen Seite von PT Sans haben Sie Open Sans, das etwas breiter ist als herkömmliche serifenlose Schriftarten. Denken Sie Verdana, außer moderner. Es ist nicht meine Tasse Tee, aber ich gehe davon aus, dass Open Sans in den kommenden Jahren mehr Verwendung finden wird.

Lato: Lato kann sich etwas beengt anfühlen, wenn die Schriftgröße zu stark verringert wird. Mit den richtigen CSS- und Designtechniken kann Lato jedoch schöner sein als die meisten serifenlosen Schriftarten. Kerning und Zeilenabstand sind jedoch entscheidend.

Roboto: Roboto ist eine meiner Lieblingsschriftarten für Überschriften, aber es funktioniert genauso gut in einem Absatzkörper. Es ist sauber, nicht zu groß, nicht zu kurz, nicht zu breit und nicht zu schmal. Es ist eine leicht zu lesende serifenlose Schrift mit einem subtilen futuristischen Touch, der angesichts seines Namens angemessen ist.

Kabine: Wie Lato kann Cabin bei kleineren Schriftgrößen leiden, indem es sich etwas beengt und scharf anfühlt, wenn die Buchstaben zu nahe beieinander liegen. Ein korrektes CSS-Design kann dies jedoch leicht beheben. Es ist eine wunderschöne Schrift, die mich manchmal an eine modernere Version von Century Gothic erinnert.

Fazit

Ihre Websites müssen nicht mehr mit denselben serienlosen Arial-Helvetica-Verdana-Schriftarten und denselben serifenlosen Times-Georgia-Palatino-Schriftarten hängen bleiben. Verschönern Sie Ihre Designs mit einer knappen Injektion von Google Web Fonts und machen Sie den nächsten Schritt, um das Erscheinungsbild Ihrer Website zu revolutionieren. Sie werden Ihre Website nicht nur besser von anderen unterscheiden, sondern Ihre Leser werden es Ihnen auch danken.

Was denken Sie? Was sind Ihre bevorzugten Google Web-Schriftarten? Verwenden Sie sie für Ihre eigene Website? Bitte teilen Sie uns Ihre Gedanken in den Kommentaren mit.