CSS Großartige Schriftpaare
Großartige Schriftkombinationen sind für großartiges Design unerlässlich.
Regeln für die Paarung von Schriftarten
Hier sind einige Grundregeln, um großartige Schriftpaare zu erstellen:
1. Ergänzung
Es ist immer sicher, Schriftpaare zu finden, die sich ergänzen.
Eine tolle Schriftkombination sollte harmonieren, ohne zu ähnlich oder zu unterschiedlich zu sein.
2. Verwenden Sie Font-Superfamilien
Eine Font-Superfamilie ist eine Gruppe von Fonts, die so konzipiert sind, dass sie gut zusammenarbeiten. Daher ist die Verwendung verschiedener Schriftarten innerhalb derselben Superfamilie sicher.
Die Lucida-Superfamilie enthält beispielsweise die folgenden Schriftarten: Lucida Sans, Lucida Serif, Lucida Typewriter Sans, Lucida Typewriter Serif und Lucida Math.
3. Kontrast ist König
Zwei Schriftarten, die zu ähnlich sind, führen oft zu Konflikten. Richtig ausgeführte Kontraste bringen jedoch das Beste aus jeder Schriftart heraus.
Beispiel: Die Kombination von Serif und Sans Serif ist eine bekannte Kombination.
Eine starke Superfamilie umfasst sowohl Serifen- als auch Sans-Serifen-Variationen derselben Schriftart (z. B. Lucida und Lucida Sans).
4. Wählen Sie nur einen Boss
Eine Schriftart sollte der Boss sein. Dadurch wird eine Hierarchie für die Schriftarten auf Ihrer Seite eingerichtet. Dies kann durch Variieren der Größe, des Gewichts und der Farbe erreicht werden.
Beispiel
Ohne Zweifel ist "Georgia" hier der Boss:
body {
background-color: black;
font-family: Verdana,
sans-serif;
font-size: 16px;
color: gray;
}
h1
{
font-family: Georgia, serif;
font-size: 60px;
color: white;
}
Nachfolgend haben wir einige beliebte Schriftartpaare gezeigt, die für viele Marken und Kontexte geeignet sind.
Georgien und Verdana
Georgia und Verdana ist eine klassische Kombination. Es hält sich auch an die Standards für websichere Schriftarten:
Beispiel
Verwenden Sie die Schriftart „Georgia“ für Überschriften und „Verdana“ für Text:
Beautiful Norway
Norway has a total area of 385,252 square
kilometers and a population of 5,438,657 (December 2020). Norway is bordered by Sweden, Finland and Russia to the north-east, and the Skagerrak to the south, with Denmark on the other side.
Norway has beautiful mountains, glaciers and stunning fjords. Oslo, the capital, is a city of green spaces and museums. Bergen, with colorful wooden houses, is the starting point for cruises to the dramatic Sognefjord. Norway is also known for fishing, hiking and skiing.
Helvetica und Garamond
Helvetica und Garamond ist eine weitere klassische Kombination, die websichere Schriftarten verwendet:
Beispiel
Verwenden Sie die Schriftart „Helvetica“ für Überschriften und „Garamond“ für Text:
Beautiful Norway
Norway has a total area of 385,252 square
kilometers and a population of 5,438,657 (December 2020). Norway is bordered by Sweden, Finland and Russia to the north-east, and the Skagerrak to the south, with Denmark on the other side.
Norway has beautiful mountains, glaciers and stunning fjords. Oslo, the capital, is a city of green spaces and museums. Bergen, with colorful wooden houses, is the starting point for cruises to the dramatic Sognefjord. Norway is also known for fishing, hiking and skiing.
Beliebte Google Font-Paarungen
Wenn Sie keine Standardschriften in HTML verwenden möchten, können Sie Google Fonts verwenden.
Google Fonts können kostenlos verwendet werden und es stehen mehr als 1000 Schriftarten zur Auswahl.
Unten sind einige beliebte Google Web Font Pairings aufgeführt.
Merriweather und OpenSans
Beispiel
Verwenden Sie die Schriftart „Merriweather“ für Überschriften und „Open Sans“ für Text:
Beautiful Norway
Norway has a total area of 385,252 square
kilometers and a population of 5,438,657 (December 2020). Norway is bordered by Sweden, Finland and Russia to the north-east, and the Skagerrak to the south, with Denmark on the other side.
Norway has beautiful mountains, glaciers and stunning fjords. Oslo, the capital, is a city of green spaces and museums. Bergen, with colorful wooden houses, is the starting point for cruises to the dramatic Sognefjord. Norway is also known for fishing, hiking and skiing.
Ubuntu und Lora
Beispiel
Verwenden Sie die Schriftart „Ubuntu“ für Überschriften und „Lora“ für Text:
Beautiful Norway
Norway has a total area of 385,252 square
kilometers and a population of 5,438,657 (December 2020). Norway is bordered by Sweden, Finland and Russia to the north-east, and the Skagerrak to the south, with Denmark on the other side.
Norway has beautiful mountains, glaciers and stunning fjords. Oslo, the capital, is a city of green spaces and museums. Bergen, with colorful wooden houses, is the starting point for cruises to the dramatic Sognefjord. Norway is also known for fishing, hiking and skiing.
Abril Fatface und Poppins
Beispiel
Verwenden Sie die Schriftart „Abril Fatface“ für Überschriften und „Poppins“ für Text:
Beautiful Norway
Norway has a total area of 385,252 square
kilometers and a population of 5,438,657 (December 2020). Norway is bordered by Sweden, Finland and Russia to the north-east, and the Skagerrak to the south, with Denmark on the other side.
Norway has beautiful mountains, glaciers and stunning fjords. Oslo, the capital, is a city of green spaces and museums. Bergen, with colorful wooden houses, is the starting point for cruises to the dramatic Sognefjord. Norway is also known for fishing, hiking and skiing.
Cinzel und Fauna One
Beispiel
Verwenden Sie die Schriftart „Cinzel“ für Überschriften und „Fauna One“ für Text:
Beautiful Norway
Norway has a total area of 385,252 square
kilometers and a population of 5,438,657 (December 2020). Norway is bordered by Sweden, Finland and Russia to the north-east, and the Skagerrak to the south, with Denmark on the other side.
Norway has beautiful mountains, glaciers and stunning fjords. Oslo, the capital, is a city of green spaces and museums. Bergen, with colorful wooden houses, is the starting point for cruises to the dramatic Sognefjord. Norway is also known for fishing, hiking and skiing.
Mountain One und Libre Baskerville
Beispiel
Verwenden Sie die Schriftart „Fjalla One“ für Überschriften und „Libre Baskerville“ für Text:
Beautiful Norway
Norway has a total area of 385,252 square
kilometers and a population of 5,438,657 (December 2020). Norway is bordered by Sweden, Finland and Russia to the north-east, and the Skagerrak to the south, with Denmark on the other side.
Norway has beautiful mountains, glaciers and stunning fjords. Oslo, the capital, is a city of green spaces and museums. Bergen, with colorful wooden houses, is the starting point for cruises to the dramatic Sognefjord. Norway is also known for fishing, hiking and skiing.
Space Mono und Muli
Beispiel
Verwenden Sie die Schriftart „Space Mono“ für Überschriften und „Muli“ für Text:
Beautiful Norway
Norway has a total area of 385,252 square
kilometers and a population of 5,438,657 (December 2020). Norway is bordered by Sweden, Finland and Russia to the north-east, and the Skagerrak to the south, with Denmark on the other side.
Norway has beautiful mountains, glaciers and stunning fjords. Oslo, the capital, is a city of green spaces and museums. Bergen, with colorful wooden houses, is the starting point for cruises to the dramatic Sognefjord. Norway is also known for fishing, hiking and skiing.
Spektral und Rubik
Beispiel
Verwenden Sie die Schriftart „Spectral“ für Überschriften und „Rubik“ für Text:
Beautiful Norway
Norway has a total area of 385,252 square
kilometers and a population of 5,438,657 (December 2020). Norway is bordered by Sweden, Finland and Russia to the north-east, and the Skagerrak to the south, with Denmark on the other side.
Norway has beautiful mountains, glaciers and stunning fjords. Oslo, the capital, is a city of green spaces and museums. Bergen, with colorful wooden houses, is the starting point for cruises to the dramatic Sognefjord. Norway is also known for fishing, hiking and skiing.
Oswald und Noto Sans
Beispiel
Verwenden Sie die Schriftart „Oswald“ für Überschriften und „Noto Sans“ für Text:
Beautiful Norway
Norway has a total area of 385,252 square
kilometers and a population of 5,438,657 (December 2020). Norway is bordered by
Sweden, Finland and Russia to the north-east, and the Skagerrak to the south, with Denmark on the other side.
Norway has beautiful mountains, glaciers and stunning fjords. Oslo, the capital, is a city of green spaces and museums. Bergen, with colorful wooden houses, is the starting point for cruises to the dramatic Sognefjord. Norway is also known for fishing, hiking and skiing.
Eine Liste aller kostenlosen Google Fonts finden Sie in unserem How To - Google Fonts Tutorial .