Coda

Coda ausprobieren

Strichstärken und Schnitte

• Regular 400Coda Regular
• ExtraBold 800Coda ExtraBold

Über Coda

Coda ist eine Display-Familie ohne Serifen, deren runde Buchstaben als abgerundete Rechtecke gezeichnet sind. Im Schriftmuster ist Regular schmal und aufrecht, mit flankigen o, c und e, geraden Strichenden und einem Prozentzeichen aus zwei kleinen Kästchen; ExtraBold ist weit schwerer und breiter, mit winzigen Punzen, und wirkt wie ein Block. Die offiziellen Hinweise erklären die Aufteilung: Der schwerste Schnitt wurde als schlichte, praktische Display-Schrift für das Web gemacht, groß zu setzen, wo Information hart treffen muss, und Regular begleitet ihn in Text und Display. Die Familie hat daher zwei Strichstärken ohne Kursive und ist kein Variable Font. Ihre 393 Glyphen decken Lateinisch und Lateinisch erweitert ab. Vernon Adams ist der Gestalter, und der Copyright-Vermerk reserviert die Namen Coda und Coda Caption. Coda steht unter der SIL Open Font License 1.1.

Wofür sich Coda eignet

Große Web-Headlines

Dafür wurde ExtraBold 800 gezeichnet: wenige schwere, blockhafte Wörter am Kopf einer Seite.

Banner und Hinweisflächen

Winzige Punzen und breite Striche lassen einen Preis, ein Datum oder ein einzelnes Wort ein Banner beherrschen.

Titel für Tech- und Gaming-Seiten

Die Formen von o, c und e als abgerundete Rechtecke geben Überschriften einen maschinellen, kantigen Look.

Beschriftungen und kurze Texte

Regular 400 ist schmal und gleichmäßig und eignet sich daher neben dem schweren Schnitt für Navigationspunkte, Bildunterschriften und kurze Absätze.

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

In den Dateien gefundene Zeichensätze: latin, latin-ext. 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 Coda 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.

Coda 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: "Coda";
  src: url("/assets/fonts/Coda-ExtraBold.ttf") format("truetype");
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Coda";
  src: url("/assets/fonts/Coda-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

body {
  font-family: "Coda", sans-serif;
}

Oder du lädst die Familie von der offiziellen Quelle. Google Fonts liefert Coda 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=Coda:wght@400;800&display=swap" rel="stylesheet">

Gut zu wissen

Nichts zwischen 400 und 800

Coda springt von Regular direkt zu ExtraBold. Eine Stufe Medium oder Bold dazwischen gibt es nicht.

Keine Kursive

Beide Schnitte sind aufrecht.

Reserved Font Names

Der Copyright-Vermerk reserviert Coda und Coda Caption, daher brauchen veränderte Versionen einen anderen Namen.

Häufige Fragen

Ähnliche Fonts

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