Inter Tight

Inter Tight ausprobieren

Strichstärken und Schnitte

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

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

Inter Tight ist eine serifenlose Familie, die die Buchstabenformen von Inter übernimmt und enger setzt. Die offizielle Beschreibung nennt sie eine spezialisierte Version von Inter für den Display-Einsatz: Ein Abstand, der für kleinen Text passt, wirkt in einer Headline locker, und dieser Schnitt schließt ihn. Die Formen selbst bleiben die von Inter, mit hohen Kleinbuchstaben, gleichmäßigen Strichen und schlichten, offenen Formen. Aufrecht und kursiv sind je ein Variable Font mit einer einzigen Achse, der Strichstärke von 100 bis 900, woraus sich neun benannte Strichstärken und 18 Schnitte ergeben. Eine Achse für die optische Größe hat Inter Tight nicht. Die Fonts enthalten 2.542 Glyphen und decken Lateinisch, Kyrillisch, Griechisch und Vietnamesisch ab, einschließlich der erweiterten kyrillischen und griechischen Bereiche. Gestalter ist Rasmus Andersson, der Copyright-Vermerk nennt The Inter Project Authors, und die Familie kam 2022 zu Google Fonts.

Wofür sich Inter Tight eignet

Headlines und Hero-Text

Der engere Abstand hält große Zeilen kompakt, sodass eine Headline als ein Block liest und nicht als auseinandergezogene Buchstaben.

Große Zahlen und Titel in Apps

Bildschirmtitel, Preise und Summen in Dashboards behalten groß gesetzt die hohen, schlichten Formen von Inter in dichterem Satz.

Ein Design über alle Größen

Wer ein Produkt in Inter setzt, kann Inter Tight für Display-Größen verwenden und bleibt bei denselben Buchstabenformen.

Plakate und Folien

Black 900 und ExtraBold 800 ergeben wuchtige Titel, Thin 100 setzt in derselben Größe einen leichten Kontrast.

Überschriften in mehreren Schriftsystemen

Mit 2.542 Glyphen steht der enge Abstand für kyrillische, griechische und vietnamesische Überschriften ebenso bereit wie für lateinische.

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

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

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

Gut zu wissen

Der Abstand ist anders, nicht die Buchstaben

Inter Tight verwendet die Buchstabenformen von Inter. Der Unterschied liegt darin, wie dicht die Buchstaben gesetzt sind.

Die Strichstärke ist die einzige Achse

Jede Datei hat eine Achse für die Strichstärke von 100 bis 900, aber keine Achse für optische Größe oder Breite.

Zwei variable Dateien

Der Download enthält eine variable Datei für die aufrechten Schnitte und eine für die Kursiven.

Häufige Fragen

Ähnliche Fonts

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