Cormorant

Cormorant ausprobieren

Strichstärken und Schnitte

• Light 300Cormorant Light Light Italic
• Regular 400Cormorant Regular Kursiv
• Medium 500Cormorant Medium Medium Italic
• SemiBold 600Cormorant SemiBold SemiBold Italic
• Bold 700Cormorant Bold Bold Italic

Cormorant ist ein Variable Font: Der Download enthält den gesamten Stärkenbereich in je einer Datei pro Schnitt. Die oben genannten Strichstärken sind Positionen in diesem Bereich.

Über Cormorant

Cormorant ist eine Serifenfamilie, die ihr Gestalter Christian Thalmann als Display-Schrift beschreibt. Er hat sie bei Catharsis Fonts selbst gezeichnet, gesetzt, unterschnitten und produziert; die offiziellen Hinweise nennen die Arbeit von Claude Garamont als Inspiration und halten zugleich fest, dass die Glyphen größtenteils neu gezeichnet und nicht von einem bestehenden Font übernommen wurden. Eine Förderung von Google Fonts machte die offene Veröffentlichung möglich. Im Schriftmuster sind die dünnen Striche Haarlinien, die Serifen klein und scharf, die Kleinbuchstaben unter langen Oberlängen niedrig, und die Ziffern sind Mediävalziffern. Dieses Paar aus Roman und Kursive bildet den Kern eines größeren Projekts mit neun visuellen Stilen, darunter Infant, Garamond, Upright Cursive, Small Caps und Unicase. Es ist ein Variable Font mit Strichstärken von 300 bis 700, fünf benannten Strichstärken und Kursiven, zehn Schnitte. Die Dateien enthalten 3.138 Glyphen für Lateinisch, Lateinisch erweitert, Kyrillisch und Vietnamesisch, unter der SIL Open Font License 1.1.

Wofür sich Cormorant eignet

Display-Headlines

Der Gestalter hat Cormorant als Display-Familie gezeichnet, und ihre Haarlinien und kleinen, scharfen Serifen sind auf große Größen ausgelegt.

Editorial für Mode und Kultur

Light und Regular geben Überschriften eine dünne, kontrastreiche Linie; Bold 700 bleibt für Zwischenüberschriften moderat in der Strichstärke.

Plakate mit großen Kursiven

Die Kursive hat eine eigene variable Datei, sodass sich ein schräger Titel über den gesamten Bereich von 300 bis 700 abstimmen lässt.

Mehrsprachige Titel

Die Subsets für Kyrillisch und Vietnamesisch führen dieselbe Zeichnung über westeuropäische Sprachen hinaus.

Glyphen

Sprachunterstützung

Die Familie enthält die Grundbuchstaben, mit denen diese Sprachen geschrieben werden:

• Englisch
• Französisch
• Deutsch
• Spanisch
• Portugiesisch
• Italienisch
• Niederländisch
• Schwedisch
• Norwegisch
• Dänisch
• Finnisch
• Isländisch
• Katalanisch
• Türkisch
• Polnisch
• Tschechisch
• Slowakisch
• Ungarisch
• Rumänisch
• Kroatisch
• Slowenisch
• Litauisch
• Lettisch
• Estnisch
• Vietnamesisch
• Russisch
• Ukrainisch
• Bulgarisch

Weitere Schriftsysteme neben dem lateinischen, für die die Familie Glyphen enthält: Kyrillisch. Genannt sind Schriftsysteme. Das ist keine Zusage für jede Sprache, die damit geschrieben wird.

In den Dateien gefundene Zeichensätze: cyrillic, cyrillic-ext, latin, latin-ext, vietnamese. Die Sprachliste prüft, ob die nötigen Buchstaben im Font vorhanden sind. Über die typografische Qualität in der jeweiligen Sprache sagt sie nichts.

Lizenz

Fonts, die zu Cormorant passen

Die Vorschläge folgen einfachen Regeln aus den Datensätzen: eine kontrastierende Klassifikation und genug Strichstärken für Fließtext. Sie sind ein Ausgangspunkt, kein Urteil.

Cormorant im Web verwenden

Lade die Familie herunter, lege die Dateien auf deinen eigenen Server und binde sie per CSS ein. Bitte verlinke nicht auf die Dateien bei trendhub.net: Die Vorschaudateien hier sind Subsets, und ihre Adressen ändern sich.

@font-face {
  font-family: "Cormorant";
  src: url("/assets/fonts/Cormorant-Italic-VariableFont_wght.ttf") format("truetype");
  font-weight: 300 700;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Cormorant";
  src: url("/assets/fonts/Cormorant-VariableFont_wght.ttf") format("truetype");
  font-weight: 300 700;
  font-style: normal;
  font-display: swap;
}

body {
  font-family: "Cormorant", serif;
}

Oder du lädst die Familie von der offiziellen Quelle. Google Fonts liefert Cormorant mit diesem Markup aus:

<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Cormorant:ital,wght@0,300..700;1,300..700&display=swap" rel="stylesheet">

Gut zu wissen

Teil eines größeren Projekts

Das Projekt Cormorant umfasst neun visuelle Stile; diese Familie enthält Roman und Kursive.

Dünn in Textgrößen

Haarlinien und niedrige Kleinbuchstaben sind für Display gezeichnet; in kleinem Text gehen die dünnen Partien verloren.

Strichstärken von 300 bis 700

Es gibt nichts Leichteres als Light und nichts Schwereres als Bold, und Griechisch ist nicht abgedeckt.

Häufige Fragen

Ähnliche Fonts

Weitere Familien derselben Klassifikation, sortiert nach gemeinsamen Einsatzbereichen. Alle Fonts: serif