Wie man Schriftarten kombiniert | Erklärt

Das Design der Website ist exquisit angenehm, während sie in der Website -Entwicklung absolut professionell hält, um es absolut professionell zu halten. Die Verwendung der richtigen Schriftarten und der richtigen Schriftartpaarungen trägt dazu bei. Es hat einen guten Einfluss auf den Benutzer, der zufällig gut für Ihr Unternehmen ist. Mit CSS können Sie zahlreiche Schriftartpaarungen verwenden. In dieser Beschreibung wird Folgendes erörtert:

1. Richtlinien zum Kombinieren von Schriftarten
2. Einige großartige Schriftartpaarungen

Lass uns anfangen.

Richtlinien zum Kombinieren von Schriftarten

Bei der Paarung von Schriftarten gibt es einige Leitlinien, für die erledigt werden sollte. Hier haben wir einige Tipps zum Paarungsschrott verabschiedet.

1. Vermeiden Sie visuelle Konflikte
   Visueller Konflikt tritt auf, wenn Sie Schriftartpaarungen verwenden, die sich nicht ergänzen. Um diesen visuellen Konflikt zu vermeiden, wählen Sie eine Schriftartpaarung, die vielfältig ist und dennoch gut zusammen ist.
2. Paare in der Schrift -Superfamilienpaare
   Die Verwendung von Schriftartpaaren aus einer Schriftfamilie könnte sich als sehr gute Wahl erweisen. Betrachten Sie nur die Schriftartpaare, die sich ergänzen, aber nicht zu ähnlich aussehen. Sie können Schriftartpaarungen innerhalb einer Schriftfamilie auf der Grundlage von Serifen vs vergleichen. ohne Serife, dicke vs. dünn oder kondensiert vs. erweitert.
3. Kontrast behalten
   Der Kontrast aufrechtzuerhalten ist absolut notwendig, wenn sie Schriftarten kombinieren. Kontrast hilft Ihnen, ein Gleichgewicht in Ihrer Schriftart zu bewahren, so dass zwei Schriftarten aus derselben Schriftfamilie harmonieren und dennoch sehr unterschiedlich aussehen. Die Verwendung eines Sans mit einem Sans-Serif könnte eine Möglichkeit sein, einen Kontrast zu behalten, obwohl dies nicht der einzige Weg ist, dies zu tun.
4. Verwenden Sie weniger als drei Schriftarten
   Um Ihr Website -Design visuell ansprechend zu gestalten, wäre es mehr als genug, nur zwei Schriftarten zu verwenden (einer für den Kopfzeile und der andere für den Körpertext). Gehen Sie nur bei Bedarf zum dritten.

Nachdem wir einige grundlegende Regeln der Schriftartpaarung verstanden haben, lassen Sie uns einige gute Schriftartoptionen durchlaufen.

Einige großartige Schriftartpaarungen

Es gibt mehrere Repositories, aus denen Sie zahlreiche erstaunliche Schriftarten wie Google -Schriftarten, Adobe -Schriftarten, Schriftarten erhalten können.com und viele mehr. Wenn Sie die obigen Regeln im Auge behalten, können Sie eine gute Schriftart Ihrer Wahl erstellen.

Hier haben wir einige gute Optionen für Schriftartpaarungen für Sie aufgeführt!

Verdana und Georgia

Verdana verfügt über kühne und breite Charaktere, die den Header -Text angemessen sind. In der Zwischenzeit machen die dünnen Striche und eingedickten Serifs von Georgia eine perfekte Wahl für den Körpertext.

Beispiel
In diesem Beispiel wird Verdana für die Überschrift verwendet und Georgia wird für den Absatz verwendet.

H1
Schriftfamilie: Verdana, Sans-Serif;
Schriftgröße: 28px;

P
Schriftfamilie: Georgia, Serif;
Schriftgröße: 16px;

Ausgang

Eine Kombination aus Verdana und Georgia wird verwendet.

Hummer und Kabine

Die Kombination aus Hummer und Kabine funktioniert perfekt gut. Diese beiden Schriftarten ergänzen sich so, dass Hummer mutig und attraktiv ist, während die Kabine schlicht und einfach ist.

Beispiel
Im unten erwähnten Beispiel wird Hummer für die Überschrift verwendet, und die Kabine ist für den Absatz.

H1
Schriftfamilie: Hummer, Serif;
Schriftgröße: 28px;

P
Schriftfamilie: Kabine, Sans-Serif;
Schriftgröße: 16px;

Ausgang

Eine Kombination aus Hummer- und Kabinenschriften wird verwendet.

Helvetica und Georgia

Helvetica ist eine sehr beliebte Wahl, wenn es um Markennamen aufgrund seines ordentlichen, mutigen und modernen Aussehens geht, und Georgia ist eine ausgezeichnete Wahl für den Körpertext aufgrund der dünnen Striche seiner Charaktere.

Beispiel
In diesem Beispiel wird Helvetica -Schrift für den Absatz für die Kopf- und Georgia -Schriftart verwendet.

H1
Schriftfamilie: Helvetica, Sans-Serif;
Schriftgröße: 28px;

P
Schriftfamilie: Georgia, Serif;
Schriftgröße: 16px;

Ausgang

Eine Kombination aus Helvetica und Georgien wird verwendet.

Cinzel und Fauna eins

Cinzel und Fauna One sind Google -Schriftarten. Cinzel lässt sich von römischen Inschriften inspirieren und hat einen zeitgenössischen Stil. Auf der anderen Seite hat Fauna One eine moderne Note mit einer weichen und kondensierten Struktur.

Beispiel
In diesem Beispiel wird Cinzel zum Übergang verwendet, und Fauna wird für den Absatz verwendet.

Ausgang

Eine Kombination aus Cinzel und Fauna One -Schriftarten wird verwendet.

Josefin Slab und Josefin Sans

Die Josefin-Platte hat einen Schreibmaschinenstil, der mit dem Vintage-Stil Josefin Sans perfekt passt. Für Überschriften wird Josefin -Platte verwendet, während für Absätze Josefin Sans verwendet wird.

Beispiel
Dieses Beispiel verwendet Josefin -Platten für Überschriften und Josefin Sans für Absätze.

Ausgang

Eine Kombination aus Josefin -Platte und Josefin Sans wird verwendet.

Dies sind einige Proben von Schriftartpaarungen. Mit den oben genannten Richtlinien können Sie eine eigene Schriftartpaarung erstellen und eine fantastische Website erstellen!

Abschluss

Gute Schriftartpaarungen können exquisit ansprechende Websites schaffen, die die Benutzererfahrung verbessern und daher für die Struktur eines guten Webdesigns von entscheidender Bedeutung sind. Es gibt einige Richtlinien, die bei der Kombination von Schriftarten wie z. B. befolgt werden müssen. Vermeiden Sie visuelle Konflikte, Kombination in Schriftfamilien, beibehalten des Kontrasts und nicht mehr als drei Schriftarten. In diesem Artikel werden diese Richtlinien erörtert und einige beliebte Schriftartpaarungen vorgestellt.