Die 10 besten Google-Schriftarten für Schreibschrift und Handschrift
Eine gute Schriftart ist schwer zu finden. Ich bin extrem wählerisch, wenn es um diesen speziellen Bereich der Schriften geht, und neige dazu, das meiste, was ich sehe, zu hassen. Mit diesem Beitrag können Sie sich die Arbeit des Sortierens durch den Müll sparen und direkt zu den besten Schriftarten und handgeschriebenen Google Fonts gehen, die lesbar, attraktiv und perfekt für Ihre Website sind.
Siehe auch: 50+ Beste Responsive Website &; App Mockup-Vorlagen Alle Schriftarten werden mit einer einzigartigen CSS-Behandlung gezeigt (und mit dem Code versehen, den Sie für eine schnelle Implementierung benötigen!) Sie werden auch alle mit Google Fonts angeboten, so dass Sie mit einem schnellen Kopieren und Einfügen loslegen können, ohne dass Downloads erforderlich sind!
Schriftarten erforschen
Oleo-Skript
Eine schöne, dicke Schrift mit guter Lesbarkeit und interessanten Buchstabenformen, ideal für Überschriften.
HTML
CSS
1 2 3 4 5 | h2 { font : 400 100px / 1.3 'Oleo Script' , Helvetica , sans - serif ; color : #2b2b2b; text - shadow : 4px 4px 0px rgba ( 0 , 0 , 0 , 0.1 ) ; } |
Hummer Zwei
Hummer braucht keine Einführung, er ist in den letzten Jahren zu einer der am weitesten verbreiteten Schriften auf dem Planeten geworden. In Version zwei haben Sie die Wahl zwischen einer fetten und einer dünnen Version.
HTML
CSS
1 2 3 4 5 | h2 { font : 400 100px / 1.3 'Lobster Two' , Helvetica , sans - serif ; color : #2b2b2b; text - shadow : 1px 1px 0px #ededed, 4px 4px 0px rgba(0,0,0,0.15); } |
Berkshire Swash
Ich liebe den ornamentalen Charakter dieser Schrift, die Buchstaben sind groß, fett und schön geschwungen. Verwenden Sie diese Schrift, wenn Sie ein Gefühl der alten Welt vermitteln wollen.
HTML
CSS
1 2 3 4 5 | h2 { font : 400 100px / 1.3 'Berkshire Swash' , Helvetica , sans - serif ; color : #2b2b2b; text - shadow : 1px 1px 0px #ededed, 4px 4px 0px rgba(0,0,0,0.15); } |
Merienda Eins
Merienda ist nicht meine Lieblingsschrift, aber sie hat durchaus ihre Berechtigung. Die Buchstaben wirken wie gebürstet und haben eine scharfe Ausrichtung, die die Bewegung gut wiedergibt.
Siehe auch: 80+ Beste kostenlose Keynote-Vorlagen 2023 HTML
CSS
1 2 3 4 5 | h2 { font : 400 100px / 1.2 'Merienda One' , Helvetica , sans - serif ; color : rgba ( 0 , 0 , 0 , 0.7 ) ; text - shadow : 3px 3px 3px #fff; } |
Pacifico
Pacifico ist eine großartige, runde und verschlungene Schrift, die sich wirklich einzigartig anfühlt. Es ist schwer, eine dicke Schrift mit so schönen Kurven und so viel Charakter zu finden, also merken Sie sich diese Schrift vor.
HTML
CSS
1 2 3 4 5 | h2 { font : 400 100px / 1.5 'Pacifico' , Helvetica , sans - serif ; color : #2b2b2b; text - shadow : 3px 3px 0px rgba ( 0 , 0 , 0 , 0.1 ) , 7px 7px 0px rgba ( 0 , 0 , 0 , 0.05 ) ; } |
Nur eine weitere Hand
Wenn Sie etwas suchen, das wirklich handgeschrieben aussieht, ist Just Another Hand eine gute Wahl. Um einen visuellen Kurvenball zu werfen, habe ich Schatten verwendet, um dem Ganzen einen 3D-Effekt zu verleihen, aber es sieht auch ohne sie großartig (oder sogar besser) aus.
HTML
CSS
1 2 3 4 5 | h2 { font : 400 100px / 1.0 'Just Another Hand' , Helvetica , sans - serif ; color : #969595; text - shadow : 0px 3px 0px #5e5e, 0px 5px 0px #4d4d4d, 0px 7px 0px #3c3c3c, 0px 9px 0px #2b2b2b, 3px 8px 15px rgba(0,0,0,0.1), 3px 8px 5px rgba(0,0,0,0.3); } |
Arizona
Arizonia ist eine großartige, fließende Schrift mit weiten Bögen und sanften Strichen, eine großartige Logo-Schrift, von der man nicht erwarten würde, dass sie als Live-Webfont verfügbar ist.
HTML
CSS
1 2 3 4 5 | h2 { font : 400 100px / 1.3 'Arizonia' , Helvetica , sans - serif ; color : #2b2b2b; text - shadow : 4px 4px 0px rgba ( 0 , 0 , 0 , 0.1 ) ; } |
Keks
Cookie hat eine Art femininen Märchencharme, der sie zu einer großartigen Schriftart für Überschriften von Geschichten und Ähnlichem macht. Wenn Sie das nächste Mal eine skurrile Stimmung brauchen, sollten Sie sie ausprobieren.
HTML
CSS
1 2 3 4 5 | h2 { font : 400 130px / 0.8 'Cookie' , Helvetica , sans - serif ; color : #fff; text - shadow : 4px 4px 3px rgba ( 0 , 0 , 0 , 0.1 ) ; } |
Tolle Vibes
Great Vibes ist eine sehr verschnörkelte Schrift wie Arizonia, aber etwas dünner und raffinierter. Die Buchstabenformen sind wirklich schön und ziehen die Aufmerksamkeit auf sich.
HTML
CSS
1 2 3 4 5 | h2 { font : 400 130px / 0.8 'Great Vibes' , Helvetica , sans - serif ; color : #fff; text - shadow : 4px 4px 3px rgba ( 0 , 0 , 0 , 0.1 ) ; } |
Leckerli Eins
Leckerli One ist fett und utilitaristisch, ziemlich maskulin, was Schriften angeht, und perfekt für große, mutige Aussagen.
HTML
CSS
1 2 3 4 5 | h2 { font : 400 100px / 1.2 'Leckerli One' , Helvetica , sans - serif ; color : #000; text - shadow : 2px 2px 0px rgba ( 0 , 0 , 0 , 0.2 ) , 4px 4px 8px rgba ( 0 , 0 , 0 , 0.2 ) ; } |
Welches ist Ihr Favorit?
Da haben Sie es, zehn fantastische Schriftarten und handgeschriebene Fonts, die Sie sofort einsetzen können. Die Google Font-Bibliothek hat weit über hundert dieser Fonts, aber viele von ihnen sind es gar nicht wert, verwendet zu werden.
Welche der oben genannten Schriftarten ist Ihr Favorit? Haben Sie eine von ihnen in Live-Beispielen verwendet? Wir wollen es sehen!