Shantell Sans

Shantell Sans ausprobieren

Strichstärken und Schnitte

• Light 300Shantell Sans Light Light Italic
• Regular 400Shantell Sans Regular Kursiv
• Medium 500Shantell Sans Medium Medium Italic
• SemiBold 600Shantell Sans SemiBold SemiBold Italic
• Bold 700Shantell Sans Bold Bold Italic
• ExtraBold 800Shantell Sans ExtraBold ExtraBold Italic

Shantell Sans 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 Shantell Sans

Shantell Sans ist eine Handschrift, die wie mit einem Filzstift mit runder Spitze gezeichnet aussieht. Die Buchstaben sind unverbunden, die Striche behalten eine gleichmäßige Stärke mit runden Enden, und Formen wie das einstöckige a und das g mit offenem Schwanz folgen der Druckhandschrift, nicht der Schreibschrift. Laut den offiziellen Angaben beruht sie auf der Kunst und Handschrift von Shantell Martin und wurde für verspielte Typografie, kreativen Ausdruck und Animation gemacht. Dieser Zweck zeigt sich an den vier variablen Achsen: Weight (300 bis 800), Informality (0 bis 100), Bounce (-100 bis 100) und Spacing (0 bis 100). Sechs benannte Strichstärken mit Kursiven ergeben 12 Schnitte. Die 1.722 Glyphen decken Lateinisch, Lateinisch erweitert, Vietnamesisch und Kyrillisch ab. Shantell Martin hat das Projekt konzipiert und geleitet, Arrow Type übernahm Schriftgestaltung und Entwicklung, und Anya Danilova zeichnete das Kyrillische; die Namenstabelle nennt außerdem Stephen Nixon.

Wofür sich Shantell Sans eignet

Animierte Titel

Bounce, Informality und Spacing sind variable Achsen, ihre Werte lassen sich also in Motion Graphics oder mit CSS animieren.

Kinderbücher und Unterrichtsmaterial

Unverbundene Filzstiftbuchstaben mit einstöckigem a ähneln der Druckschrift, mit der Kinder Lesen und Schreiben lernen.

Comics, Bildunterschriften und Beiträge in sozialen Medien

Sechs Strichstärken von Light bis ExtraBold lassen handgeschriebene Bildunterschriften flüstern oder rufen.

Notizen und Anmerkungen in Oberflächen

Bei Informality 0 bleiben die Buchstaben regelmäßig genug für Onboarding-Tipps und Kommentare im Haftnotiz-Stil.

Projekte in Lateinisch und Kyrillisch

Russisch, Ukrainisch und Bulgarisch sind in derselben Handschrift abgedeckt wie das 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

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 Shantell Sans 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.

Shantell Sans 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: "Shantell Sans";
  src: url("/assets/fonts/ShantellSans-Italic-VariableFont_BNCE%2CINFM%2CSPAC%2Cwght.ttf") format("truetype");
  font-weight: 300 800;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Shantell Sans";
  src: url("/assets/fonts/ShantellSans-VariableFont_BNCE%2CINFM%2CSPAC%2Cwght.ttf") format("truetype");
  font-weight: 300 800;
  font-style: normal;
  font-display: swap;
}

body {
  font-family: "Shantell Sans", cursive;
}

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

Gut zu wissen

Drei eigene Achsen

Informality (INFM), Bounce (BNCE) und Spacing (SPAC) sind eigene Achsen. Man erreicht sie über die Steuerung von Variable Fonts oder über font-variation-settings, nicht über die gewöhnlichen Schaltflächen für Fett und Kursiv.

Die Standardstärke ist Light

Die Weight-Achse steht standardmäßig auf 300. Wähle bei Bedarf ausdrücklich Regular 400 oder kräftiger.

Zwei Variable-Font-Dateien

Aufrecht und Kursiv sind getrennte Dateien, jede mit allen vier Achsen.

Häufige Fragen

Sammlungen mit Shantell Sans

• Handschrift-Fonts für Notizen, Zitate und persönliche Akzente

  Fonts nach echter Schrift mit Stift, Bleistift und Marker: unverbundene Druckschriften und alltägliche Schreibschrift für Notizen, Anmerkungen und Bildunterschriften.

Ähnliche Fonts

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