Shantell Sans (2023)

 (shantellsans.com)
1 Punkte von GN⁺ 2 시간 전 | 1 Kommentare | Auf WhatsApp teilen
  • Shantell Sans bietet über die Achsen Weight, Italic, Informality, Bounce und Spacing Stile von alltagstauglichen Schriftarten bis zu experimentellen Styles für Animationen
  • Ausgehend von Shantell Martins Handschrift und ihren Erfahrungen mit Legasthenie verfolgt die Schrift das Ziel, zugänglich zu sein und dabei verspielt und unterhaltsam, aber professionell einsetzbar zu bleiben
  • Sie orientiert sich an der Verbreitung und dem leicht lesbaren Eindruck von Comic Sans, ist aber keine Ableitung davon, sondern überführt Handschrift mit Filzstift in eine digitale Schrift
  • Mit Metriken nahe an Roboto, breiteren Glyphenbreiten und größerem Buchstabenabstand sowie einer klaren Unterscheidung von b·d·p·q und I·1 wird die Lesbarkeit verbessert
  • Die Schrift wird kostenlos über Google Fonts und unter der OFL veröffentlicht und unterstützt über 380 Sprachen auf Basis von Latin und Cyrillic sowie die Nutzung in Google Docs

Der Ausgangspunkt von Shantell Sans

  • Shantell Sans ist eine variable Schrift auf Basis von Shantell Martins Handschrift, die sowohl einen freundlichen Stil für den Alltag als auch experimentellere Stile für Animationen bietet
  • Shantell Martin musste als Kind Nachsitzen, weil sie Rechtschreibtests nicht bestand, liebte aber Wörter und drückte ihre Gefühle durch Schreiben und Zeichnen aus
  • Mit 20 oder 21 erfuhr sie, dass sie Legasthenie hat, und beim Beginn ihres Kunststudiums am Central Saint Martins gewann sie den Eindruck, dass viele kreative Menschen Legasthenie haben
  • Es war enttäuschend, dass Lehrkräfte ihre Schwierigkeiten beim Lesen und Schreiben nicht erkannten und statt Unterstützung Strafen gaben; eine Schrift auf Basis ihrer eigenen Handschrift und Buchstaben wurde dadurch zu einer Möglichkeit, Menschen lesen und schreiben zu lassen – unabhängig davon, wie ihre Beziehung zu Wörtern aussieht
  • Ziel war es, eine unterhaltsame und verspielte, aber professionelle und brauchbare Schrift zu schaffen, eine zugängliche Schrift, die daran erinnert, dass Wörter Bilder sind und auf eigene Weise existieren können
  • Stephen Nixon schickte eine linierte Vorlage zum handschriftlichen Schreiben des lateinischen Alphabets, von Zahlen und Symbolen, und auf Basis dieser Handschrift wurde eine digitale Schrift erstellt

Öffentliche Veröffentlichung und erste Einsatzorte

  • Durch die Veröffentlichung von Shantell Sans unter der Open Font License wurde die Schrift für mehr Menschen ohne Kosten zugänglich; öffentliche Verteilung wie in der Lizenzerklärung von Google Fonts erhöht ihren praktischen Nutzen
  • Die kostenlose Bereitstellung macht eine breite Nutzung über Google Fonts und andere Plattformen möglich, und eine von einer lebenden Künstlerin geschaffene Schrift kann andere Künstlerinnen und Künstler zur typografischen Arbeit inspirieren
  • Shantell Sans basiert auf Shantell Martins Handschrift und hat daher einen stark persönlichen Charakter, doch eine öffentliche Veröffentlichung bedeutet auch, die Kontrolle über etwas aufzugeben, das im Kern einem selbst gehört
  • Gewünscht ist, dass Kinder und junge Menschen Shantell Sans verwenden und ihren Entstehungshintergrund kennenlernen, und dass sie sowohl in persönlichen Projekten als auch in größeren Designprojekten auf unerwartete Weise eingesetzt wird

  • Frühe Einsatzorte

Designziele und der Einfluss von Comic Sans

  • Stephen Nixon dachte an Shantell Martins großformatige Wandarbeiten und ihre suchenden, halb improvisierten und verspielten Linien, als Shantell Martin sich mit dem Wunsch nach einer „brauchbaren, visuell ansprechenden, klugen und kreativen Schrift“ meldete
  • Die Formulierung, man wolle ein „neues Comic Sans“ schaffen, war ein zentraler Hinweis; an der kulturellen Verbreitung und emotionalen Reaktion auf Comic Sans wurde angeknüpft, doch es ging nicht um eine direkte Ableitung oder eine neue Version davon
  • Comic Sans wurde 1994 von Vincent Connare für Microsoft Bob entworfen und war auf Windows- und Mac-Betriebssystemen vorinstalliert, wodurch die Schrift weit verbreitet wurde
  • Comic Sans wurde an sehr unterschiedlichen Orten eingesetzt – von den Tags der 5. Generation von Ty Beanie Babies bis zur CERN-Ankündigung von 2012 zum Higgs-Boson

  • Fünf Kriterien

    • Die Schrift musste Alltagsnutzer ansprechen und durfte nicht nur für Typografie-Enthusiasten gedacht sein
    • Sie musste sich für vielfältige Kommunikation leicht schreiben bzw. einsetzen lassen
    • Sie musste für eine breite Gruppe von Menschen nutzbar und zugänglich sein
    • Sie musste gut lesbar und leicht zu lesen sein
    • Sie musste etwas Neues leisten, statt nur bestehende Bereiche zu wiederholen

Lateinbasierte Gestaltung und Entwicklung

  • Attraktivität für den Alltag

    • Für eine alltagstaugliche Anmutung wurde wie bei Comic Sans Handschrift mit Filzstift als Grundlage gewählt; Ausgangspunkt war Shantell Martins Handschrift
    • Einige Merkmale der Handschrift blieben erhalten, der Gesamteindruck wurde jedoch für die digitale Form vereinfacht

  • Einfache Nutzung in vielen Kontexten

    • Um typischen Proportionen moderner Schriften und gängigen Stilerwartungen zu entsprechen, wurden Font-Metriken wie cap-height, x-height und die grundlegende Zeilenhöhe an weit verbreitete Schriften wie Roboto angenähert
    • Um gute Lesbarkeit und visuelle Konsistenz mit Shantells Schriftbild zu erreichen, wurden leicht überdurchschnittliche Glyphenbreiten und Buchstabenabstände verwendet
    • Die Schrift wurde so entwickelt, dass sie sich in alltäglichen Umgebungen wie Websites, Apps und Präsentationen leicht einsetzen lässt, in großen Größen Charakter zeigt und auch im kleinen Fließtext funktioniert

  • Sprachunterstützung und Verbreitung

    • Shantell Sans folgt den Google-Fonts-Glyphensätzen Latin Plus und Cyrillic Plus, geht teils darüber hinaus und unterstützt über 380 Sprachen, die Latin- oder Cyrillic-Schriften verwenden
    • Der Support deckt Latin- und Cyrillic-basierte Sprachen in Europa, Amerika und Zentralasien ab
    • Dank Unterstützung durch Google Fonts und der Veröffentlichung unter der OFL konnte die Schrift als frei nutzbare Open-Source-Schrift verbreitet werden

  • Leicht unterscheidbare Zeichen

    • b, d, p, q sowie n, u wurden so gestaltet, dass sie sich durch einfache Formkontraste und passend gesetzte Endstriche voneinander unterscheiden
    • Da Shantell Martin das große I und die Ziffer 1 teils jeweils als einfache gerade Linie schreibt, erhielt das große I Serifen und die 1 eine Fahne, um sie klar zu unterscheiden
    • Wie für eine handschriftbasierte Schrift typisch, verwenden a und g die in der Schule gelehrten einstöckigen Formen, um einen vertrauten und zugänglichen Eindruck zu bewahren

  • Variable Achsen und OpenType-Funktionen

    • Für Designer und Entwickler, die neben einem guten Gewichtsbereich auch moderne typografische Funktionen erkunden möchten, sollte die Schrift als variable Schrift ein breites Stilspektrum bieten
    • Um die freie und organische Stimmung in Shantell Martins Arbeit in experimentelle Achsen zu überführen, wurden fünf variable Achsen geschaffen: Weight, Italic, Informality, Bounce und Spacing
    • Für feinere typografische Anforderungen sind außerdem OpenType-Funktionen wie tabular vs proportional figures, fractions und localized forms enthalten
    • Unter Bezug auf die handschriftbasierten Schriften Inkwell, Cortado und Studio Lettering wurde vermieden, einfach nur eine weitere automatisch nachgezeichnete Filzmarker-Schrift zu erstellen

Formfindung und experimentelle Achsen

  • Shantell Martin wählte den mittelbreiten Filzstift Staedtler Lumocolor M und schrieb damit Pangramme in Groß- und Kleinbuchstaben, Zahlen, Satzzeichen, Symbole und einige Wörter mit Akzentzeichen
  • Die Scans wurden entlang der Mittellinien der Stiftstriche nachgezeichnet und anschließend zu Light- und ExtraBold-Strichen erweitert
  • Da die ursprüngliche Handschrift stärkere Größen- und Rhythmusunterschiede zeigte als bei typischerweise gelesenen Schriften, wurden Buchstabenhöhe, -breite und -abstände bis zu einem gewissen Grad normalisiert und konsistent angepasst
  • Erhalten blieben unter anderem, dass die Querstriche von t und f nicht links über den Hauptstamm hinausragen, dass A und R links oben beginnen, dass P eine einfache Schleife ist, die links unten beginnt, und dass M und W aus aufeinanderfolgenden Wellen bestehen
  • Die endgültige Richtung bestand darin, etwas von der leichten Schärfe und dem Kontrast zu bewahren, die Shantells Schrift interessant machen, zugleich die Strichstärke etwas gleichmäßiger zu gestalten und weiche halbkreisförmige Endungen anzuwenden
  • Dieses Gleichgewicht erhält das Gefühl von Marker-Schrift und lässt die Schrift in digitaler Form zugleich zugänglich und warm wirken

  • Bounce und Informality

    • Auf Basis der normalisierten Grundschrift wurden zusätzliche Stile entwickelt, die Unregelmäßigkeiten aus den gescannten Handschriftproben wieder einführen
    • Diese Unregelmäßigkeiten waren nicht völlig zufällig, sondern zeigten wiederkehrende Eigenschaften: Buchstaben mit vielen Querstrichen wirkten tendenziell höher, solche mit vielen Vertikalstrichen eher breiter und niedriger
    • Damit die Schrift nicht zu chaotisch wurde und ihre Nutzbarkeit verlor, war ein Gleichgewicht nötig, das mehr Persönlichkeit zulässt und die Schrift dennoch „schriftartig“ hält
    • Durch die Trennung von handgezeichneten Quellen und buildbaren Quellen entstanden die Achsen Bounce und Informality der finalen Schrift
    • Der Bounce-Stil wurde per Skript erzeugt, das Glyphen nach oben und unten verschiebt; der Informal-Stil entstand durch Interpolation zwischen der „normalisierten“ Hauptquelle und einer „unregelmäßigen“ Hauptquelle
    • Alle Quellen enthielten mehrere alternative Glyphen für Buchstaben, Zahlen und wichtige Symbole; in der finalen Schrift werden diese alternativen Glyphen pseudozufällig rotiert, damit der Eindruck energiegeladener Handschrift entsteht
    • Da es sich um variable Achsen handelt, lässt sich der Effekt von subtil bis deutlich einstellen, und innerhalb des Schriftsystems kann animierte Typografie mit einem kohärenten Design leicht eingesetzt werden

  • Google Fonts und Open-Source-Erweiterung

    • Da Shantell Martin an einer Open-Source-Veröffentlichung interessiert war, wurde besprochen, ob Google Fonts die Erweiterung für eine breitere Nutzerschaft unterstützen könnte
    • Mit Unterstützung von Google Fonts wurde der komplette Italic-Stilsatz erstellt und damit das Stilspektrum erweitert
    • Hinzu kam die experimentelle Achse Spacing, die nützlich sein kann, wenn Software standardmäßig keine Anpassung der Buchstabenabstände unterstützt
    • Die lateinische Schrift wurde um vietnamesische Zeichen und weitere Währungssymbole erweitert, und durch die Ergänzung von Cyrillic wird nun ein vollständig neues Sprachset unterstützt

Gestaltung der kyrillischen Zeichen in Shantell Sans

  • Cyrillic wird für viele Sprachen in Eurasien verwendet, darunter Bulgarisch, Serbisch, Russisch, Belarussisch, Ukrainisch, Tatarisch und Baschkirisch
  • Der Entwurfsprozess für Cyrillic ähnelt dem für Latin grundsätzlich, kann bei unkonventionellen Formen, die von der Handschrift einer bestimmten Person inspiriert sind, jedoch schwieriger werden
  • Die Arbeit an einem anderen Schriftsystem für eine handschriftbasierte Schrift ist vergleichbar mit dem Übersetzen von Poesie: Der eigene Ton muss erhalten bleiben, während die Struktur der Zielsprache genutzt wird
  • Im Cyrillic gibt es aufrechte oder „printed“, italic und cursive Formen, und einige italic- und cursive-Formen unterscheiden sich strukturell von den üblichen printed-Formen
  • Da Shantell Martins Handschrift eine Mischung aus cursive und printed ist, sie aber nur Latin schreibt, musste entschieden werden, welche kyrillischen Zeichen in cursive und welche in printed übertragen werden sollten
  • Shantell Martin wurde gebeten, einige russische Sätze zu schreiben, um zu sehen, wie sie mit ungewohnten Formen umgeht; außerdem erhielt sie verschiedene Formbeispiele für dieselben Zeichen und schrieb einige Wörter mehrfach
  • Es gab Rücksprache mit den Cyrillic-Type-Designern Maria Doreuli, Krista Radoeva und Alexei Vanyashin; das Gefühl dafür, welche Formen richtig oder falsch sind, stimmte weitgehend überein
  • Im Bulgarischen und Serbischen gibt es konventionelle Formen, die vom Standard-Cyrillic abweichen; so hat etwa das bulgarische t meist eine Form wie das lateinische m, was in diesem Stil mit dem kyrillischen m verwechselt werden könnte und daher Anpassungen erforderte
  • Zeichen wie das serbische nje mussten in Groß- und Kleinbuchstaben für Muttersprachler natürlich wirken; für das Serbische wurde deshalb auch Jovana Jocić konsultiert
  • Die Arbeit am Cyrillic brachte viele gestalterische Herausforderungen mit sich, doch die Hoffnung ist, dass die Schrift nicht nur für Latin, sondern auch im Satz vieler verschiedener Cyrillic-Sprachen nützlich eingesetzt werden kann

Nutzung und Referenzlinks

  • Shantell Sans on Google Fonts: verfügbar bei Google Fonts
  • open-source repo: Download der neuesten Version
  • Auch in Google Docs, Slides und anderen Workspace-Produkten nutzbar

  • In Google Workspace hinzufügen

    • Im Dokument das Schriftmenü öffnen und auf „More Fonts“ klicken
    • Im geöffneten Pop-up-Fenster nach „Shantell Sans“ suchen
    • Auf die Schriftfamilie klicken, um sie dem Schriftmenü hinzuzufügen
    • Google Material Design Blog: vereinfachte Version verfügbar

Verwandte Beiträge

1 Kommentare

 
GN⁺ 2 시간 전
Hacker-News-Kommentare

  • Als ich mir in der Mitte des Artikels das mehrsprachige Beispiel ansah, fiel mir auf, wie hervorragend die kyrillischen Glyphen dieser Schrift sind
    Wenn man neue Schriften ausprobiert, sind die kyrillischen Zeichen oft nicht so gut wie die lateinischen; Ausnahmen waren meist nur Schriften von Foundries aus dem kyrillischen Sprachraum wie ParaType
    Im letzten Drittel des Artikels wird ausführlich behandelt, wie das erreicht wurde
    https://www.paratype.com/fonts/pt/yefimov-sans?tab=gallery

  • Der Formalitäts-Slider, mit dem man auf der im Artikel verlinkten Google-Fonts-Seite herumspielen kann, ist ein wirklich großartiges Beispiel für die Nutzung einer Variablenfont-Achse, das ich in letzter Zeit gesehen habe
    Es fühlt sich an, als würde Metafont langsam und stetig neu gewürdigt
    https://fonts.google.com/specimen/Shantell+Sans

    • Bei Typotheques Dash gibt es eine fast identische variable Achse, dort heißt sie „Speed“: https://www.typotheque.com/fonts/dash-casual
      Aus irgendeinem Grund muss man auf das Kästchen „Variable“ klicken, um den gesamten variablen Bereich zu sehen
    • Das ist am coolsten. Dazu gibt es sogar einen „bounce“-Slider
      Unglaublich, in was für Zeiten wir leben … ich frage mich, ob es noch mehr Schriften mit solchen speziellen Anpassungen gibt
      Ich warte immer noch auf die Technik, die eine handschriftliche Schrift mit echter Zufälligkeit möglich macht
    • Ich kenne mich mit Metafont nicht gut aus, ist das hier gemeint? https://ctan.org/pkg/metafont?lang=en
    • Moment, heißt das, dass bei noch informellerer Einstellung einzelne Glyphen desselben Zeichens sogar innerhalb desselben Satzes unterschiedlich sein können?

  • Die Schrift ist großartig. Ich hätte mir nur noch einen technischen Schritt weitergehende variable Glyphen gewünscht
    Das Gefühl, Handschrift zu lesen, geht verloren, wenn die Buchstaben immer gleich aussehen
    Wenn man für jeden Buchstaben 5–6 kleine Varianten einbauen und zufällig abwechseln lassen könnte, wäre das wirklich großartig

  • Erstaunlich, dass ich eine solche Schrift erst jetzt zum ersten Mal sehe. Ich habe ziemlich viele Schriften aus der Comic-Sans-Familie verwendet, und das ist mit Abstand die schönste Schrift, die ich bisher gesehen habe

  • Die Ähnlichkeit mit Comic Sans ist so offensichtlich, dass ich im Artikel als Erstes mit Ctrl-F nach „comic“ gesucht habe
    Mein erster Gedanke war, wie weit dieses Konzept wohl weitergetrieben wurde
    Interessant ist auch, wie die Erwähnungen von Comic Sans im Artikel verteilt sind: Um etwa 30 % herum taucht der Begriff mehrfach auf, fast wie ein Eingeständnis der offensichtlichen Abstammung, und danach kaum noch
    Diese Schrift ist tatsächlich noch weiter gegangen, und wunderschön

  • Wäre es seltsam, wenn ich mir eine Monospace-Version dieser Schrift wünsche? Sie ist wirklich cool und scheint sehr gut entworfen zu sein

    • In letzter Zeit mag ich Recursive Mono Casual ziemlich gern. Ich glaube, ich habe sie von Google Fonts bekommen
      https://www.recursive.design
      https://fonts.google.com/specimen/Recursive?preview.script=L...
    • Ich benutze diese hier und mag sie sehr. Sie ist nicht ganz gleich und auch nicht kostenlos, aber meiner Meinung nach wirklich wunderschön gemacht
      https://tosche.net/fonts/codelia
    • Ich hatte mich auch wirklich auf eine Monospace-Version gefreut
      Beim Programmieren habe ich eine Zeit lang eine von Comic Sans inspirierte Monospace-Schrift verwendet, und ich finde, sie hat eine sehr gute Lesbarkeit
      Diese Schrift ist so schön, dass ich sie unbedingt auch im Terminal sehen möchte
    • Kürzlich habe ich Annotation Mono gesehen; sie ist nicht so informell wie Shantell Sans, hat aber immer noch ein handschriftliches Gefühl
      https://qwerasd205.github.io/AnnotationMono/

  • Meine Tochter mit Dyslexie war sehr angetan. In den Beispielen bevorzugt sie diese Schrift klar gegenüber Roboto

    • Ich habe keine Dyslexie, aber selbst im Roboto-Beispiel war der Unterschied in der Lesbarkeit für mich sehr deutlich
      Nachdem ich mich bis zu diesem Punkt an Shantell Sans gewöhnt hatte, wirkte Roboto fast schwer lesbar

  • Wow, so hässlich, dass sich kaum beschreiben lässt, wie hässlich es ist

  • Zum ersten Mal gesehen, und schon jetzt ist es meine liebste Handschrift-Schrift. Großartige Arbeit

  • Es wirkt wie ein wunderschönes Kunstwerk, erschaffen von Mensch-Computer-Interaktion
    Es ist selbst in Kontexten gut einsetzbar, in denen Comic Sans leicht wie ein Scherz wirken könnte