Inter

Inter ausprobieren

Strichstärken und Schnitte

• Thin 100Inter Thin Thin Italic
• ExtraLight 200Inter ExtraLight ExtraLight Italic
• Light 300Inter Light Light Italic
• Regular 400Inter Regular Kursiv
• Medium 500Inter Medium Medium Italic
• SemiBold 600Inter SemiBold SemiBold Italic
• Bold 700Inter Bold Bold Italic
• ExtraBold 800Inter ExtraBold ExtraBold Italic
• Black 900Inter Black Black Italic

Inter 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 Inter

Inter ist eine serifenlose Schriftfamilie, die für das Lesen auf Computerbildschirmen entworfen wurde. Die Kleinbuchstaben sind im Verhältnis zu den Großbuchstaben hoch, was kleinen Text in Menüs, Tabellen und Fließtext lesbar hält. Die Familie ist als Variable Font mit zwei Achsen gebaut: Strichstärke von 100 bis 900 und optische Größe von 14 bis 32. So lässt sich dieselbe Familie auf kleine Beschriftungen und auf größere Überschriften abstimmen. Normal und Kursiv gibt es jeweils in neun benannten Strichstärken, zusammen 18 Schnitte. Die Fonts enthalten 2.926 Glyphen und decken die Zeichensätze für Lateinisch, Kyrillisch, Griechisch und Vietnamesisch ab. Zu den OpenType-Funktionen gehören eine durchgestrichene Null, Tabellenziffern und kontextabhängige Alternativen, die Satzzeichen an benachbarte Zeichen anpassen. Rasmus Andersson leitet das Inter-Projekt, die Dateien stehen unter der SIL Open Font License 1.1.

Wofür sich Inter eignet

App- und Weboberflächen

Die hohen Kleinbuchstaben und die Achse für die optische Größe von 14 bis 32 halten Beschriftungen, Buttons und Formularfelder auch in kleinen Größen lesbar.

Dashboards und Tabellen

Tabellenziffern richten Zahlen in Spalten aus, und die durchgestrichene Null unterscheidet 0 in Codes und IDs vom Buchstaben O.

Längeres Lesen am Bildschirm

Regular und Medium mit ihren Kursiven decken Fließtext, Betonungen und Bildunterschriften in Dokumentationen und Artikeln ab.

Markenauftritte mit großer Bandbreite

Strichstärken von Thin bis Black geben einer Familie genug Kontrast für Headlines, Zwischenüberschriften und Kleingedrucktes.

Produkte in mehreren Sprachen

Mit den Zeichensätzen für Lateinisch, Kyrillisch, Griechisch und Vietnamesisch bedient eine Schrift mehrere Sprachversionen eines Produkts.

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
• Griechisch

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

In den Dateien gefundene Zeichensätze: cyrillic, cyrillic-ext, greek, greek-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 Inter 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.

Inter 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: "Inter";
  src: url("/assets/fonts/Inter-Italic-VariableFont_opsz%2Cwght.ttf") format("truetype");
  font-weight: 100 900;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: url("/assets/fonts/Inter-VariableFont_opsz%2Cwght.ttf") format("truetype");
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}

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

Oder du lädst die Familie von der offiziellen Quelle. Google Fonts liefert Inter 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=Inter:ital,wght@0,100..900;1,100..900&display=swap" rel="stylesheet">

Gut zu wissen

Zwei Variable-Font-Dateien

Der Download enthält eine Variable-Font-Datei für die aufrechten Schnitte und eine für die Kursiven. Jede umfasst den gesamten Stärkenbereich von 100 bis 900 und die Achse für die optische Größe.

Die optische Größe reicht von 14 bis 32

Anwendungen, die automatische optische Größen unterstützen, wählen den Wert anhand der Schriftgröße; sonst lässt sich die Achse von Hand einstellen.

Keine separaten statischen Dateien im Paket

Das Paket enthält nur die Variable Fonts. Statische Dateien für einzelne Strichstärken gibt es bei der offiziellen Quelle.

Häufige Fragen

Sammlungen mit Inter

• Klare serifenlose Fonts für App-Oberflächen

  Serifenlose Schriftfamilien mit offener Lizenz, die in Buttons, Menüs, Tabellen und Einstellungsseiten gut lesbar bleiben und die Strichstärken mitbringen, die eine Oberfläche braucht.

Ähnliche Fonts

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