10 Weitere großartige Google-Schriftkombinationen, die Sie kopieren können

Als wir das letzte Mal über Google Web Fonts geschrieben haben, handelt es sich um ein recht neues Programm mit einer Handvoll Schriftarten. Heute gibt es fast 500 Schriftfamilien, die bereit sind, völlig kostenlos auf Ihrer Website angezeigt zu werden. Google hat sich sicherlich in der Web-Typografie einen Namen gemacht und ist eine hervorragende Alternative zu Premium-Abonnementservices.

Der Nachteil dieses Wachstums ist, dass es zunehmend schwieriger wird, die Bibliothek zu durchsuchen, um die beste Auswahl zu finden. Wir haben jedoch Ihren Rücken und bieten eine weitere großartige Sammlung von Google Web Font-Kombinationen an, die für das Stehlen reif sind. Kopieren Sie einfach unseren Code und fügen Sie ihn ein. Passen Sie dann den Stil an Ihre Bedürfnisse an, und Sie sind gut aufgehoben!

Bree Serif & Open Sans

Das HTML

Das CSS

h1 {font: 400 60px / 1,3 'Bree Serif', Georgia, Serife; } p {font: 400 14px / 1.6 'Open Sans', Verdana, Helvetica, serifenlos; }

Bevan und Pontano Sans

Das HTML

Das CSS

h1 {font: 400 60px / 1,3 'Bevan', Georgia, Serife; } p {font: 400 16px / 1,6 'Pontano Sans', Verdana, Helvetica, serifenlos; }

Abril Fatface & Durchschnitt

Das HTML

Das CSS

h1 {font: 400 60px / 1,3 'Abril Fatface', Georgia, Serife; } p {font: 400 17px / 1,6 'Average', Garamond, Georgia, Serife; }

Playfair Display und Muli

Das HTML

Das CSS

h1 {font: 400 60px / 1,5 'Playfair Display', Georgia, serif; } p {font: 400 16px / 1,6 'Muli', Verdana, Helvetica, serifenlos; }

Sansita One & Kameron

Das HTML

Das CSS

h1 {font: 400 70px / 1.2 'Sansita one', Georgia, Serife; } p {font: 400 17px / 1.6 'Kameron', Georgia, serif; }

Istok Web & Lora

Das HTML

Das CSS

h1 {font: 400 70px / 1,2 'Istok Web', Verdana, Helvetica, serifenlos} p {font: 400 16px / 1,6 'Lora', Georgia, Serife; }

Pacifico & Arimo

Das HTML

Das CSS

h1 {font: 400 95px / 1,6 'Pacifico', Georgia, Serife; } p {font: 400 16px / 1,6 'Arimo', Verdana, Helvetica, serifenlos; }

Nixie One & Ledger

Das HTML

Das CSS

h1 {font: 400 80px / 1,2 'Nixie One', Georgia, Serife; } p {font: 400 15px / 1.6 'Ledger', Garamond, Georgia, Serife; }

Cantata One & Imprima

Das HTML

Das CSS

h1 {font: 400 70px / 1,2 'Cantata One', Georgia, Serife; Farbe: # 2f99ba; } p {font: 400 16px / 1.6 'Imprima', Verdana, Helvetica, serifenlos; Breite: 480px; Farbe: # 232525; }

Rancho & Gudea

Das HTML

Das CSS

h1 {font: 400 95px / 1,1 'Rancho', Georgia, serif; } p {font: 400 17px / 1.6 'Gudea', Verdana, Helvetica, serifenlos; }

Fazit

Hoffentlich haben Sie hier verschiedene Schriftkombinationen gefunden, die für einige der Projekte, an denen Sie arbeiten, perfekt funktionieren. Stellen Sie sicher, dass Sie diese Seite mit einem Lesezeichen versehen und das nächste Mal wieder kommen, wenn Sie ein paar Ideen benötigen. Wenn Sie sich für die Logik beim Koppeln von Schriftarten interessieren, lesen Sie unseren ersten Artikel dieser Serie.

Haben Sie tolle Kombinationen von Google Web Fonts, die Sie teilen möchten? Hinterlasse einen Kommentar und lass es uns wissen! Stellen Sie außerdem sicher, dass Sie auf Live-Beispiele verweisen, bei denen Sie Google Web-Schriften verwenden.

Google-Schriftarten

Google Fonts ist eine Bibliothek mit über 800 verschiedenen Schriftarten, die vollständig in Ihr Webprojekt eingebettet werden können. In dieser Serie wird erläutert, was Google Fonts ist. Sie zeigt interessante Beispiele und Kombinationen von Schriftarten, mit denen Ihr Projekt auf die nächste Stufe gebracht werden kann.