Hanken Grotesk

Hanken Grotesk ausprobieren

Strichstärken und Schnitte

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

Hanken Grotesk 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 Hanken Grotesk

Hanken Grotesk ist eine serifenlose Familie, die die klassischen Grotesken zum Vorbild nimmt. Laut den Hinweisen wurden Geometrie, Metrik, Interpunktion und OpenType-Funktionen überarbeitet, damit die Familie viele Arten von Projekten bedienen kann, von der Orientierung im Raum über Buchtext bis zu Bildschirmen. Im Schriftmuster sind die Buchstaben klar und leicht geometrisch: ein rundes o und c, ein zweistöckiges a, ein einstöckiges g, ein y mit geradem Schweif und Anführungszeichen als schräge Striche. Die Familie kommt als Variable Fonts für aufrecht und kursiv mit einer Strichstärken-Achse von 100 bis 900; neun benannte Stärken ergeben 18 Schnitte. Ihre 706 Glyphen decken Lateinisch, Latin Extended und Vietnamesisch ab. Alfredo Marco Pradil leitet das Projekt, als Hersteller ist Hanken Design Co. genannt, und die Lizenz ist die SIL Open Font License 1.1.

Wofür sich Hanken Grotesk eignet

Orientierungssysteme und Beschilderung im Raum

Beschilderung ist der erste Einsatz, den das Projekt nennt, und Medium bis Bold mit schlichten, offenen Buchstabenformen tragen Wegweisungen über Distanz.

Bücher und Magazine

Regular mit der Kursive setzt den Fließtext, und die leichteren und fetteren Stärken übernehmen Bildunterschriften und Überschriften.

Websites und mobile Apps

Zwei Variable-Font-Dateien liefern alle neun Stärken aufrecht und kursiv, was die Zahl der Font-Anfragen niedrig hält.

Erscheinungsbilder

Thin 100 bis Black 900 geben einer Marke Display-, Text- und Beschriftungsstärken aus einer einzigen Familie.

Produkte auf Vietnamesisch

Ein Subset für Vietnamesisch ist enthalten, sodass die gestapelten Diakritika als Teil des Entwurfs gezeichnet sind.

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

In den Dateien gefundene Zeichensätze: 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 Hanken Grotesk 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.

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

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

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

Gut zu wissen

Zwei Variable-Font-Dateien

Der Download enthält einen aufrechten und einen kursiven Variable Font, jeweils mit einer Strichstärken-Achse von 100 bis 900.

Die Strichstärke ist die einzige Achse

Eine Achse für Breite oder optische Größe gibt es nicht.

Russisch steht nicht auf der Sprachliste

Ein Subset für Kyrillisch gibt es nicht, und Russisch, Ukrainisch und Bulgarisch gehören nicht zu den Sprachen mit vollständigem Zeichensatz. Griechisch fehlt ebenfalls.

Häufige Fragen

Sammlungen mit Hanken Grotesk

• 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