Eine Schriftart aus meiner eigenen Handschrift erstellen

 (chameth.com)
1 Punkte von GN⁺ 2025-09-07 | 1 Kommentare | Auf WhatsApp teilen
  • Um der persönlichen Website mehr Eigenständigkeit zu verleihen, wurde versucht, direkt eine Handschrift-Schriftart zu erstellen
  • Die Nutzung von Open-Source-Tools wie FontForge und Inkscape erwies sich als wenig intuitiv und umständlich
  • Letztlich ließ sich über den kostenpflichtigen Dienst Calligraphr eine Handschrift-Schriftart einfach erzeugen und bearbeiten
  • Es waren wiederholte Feinabstimmungen und Korrekturen nötig, doch mit dem tatsächlichen Ergebnis war man zufrieden
  • Auch die nutzerfreundliche Geschäftspolitik von Calligraphr hinterließ einen guten Eindruck und wird empfohlen

Ein Versuch, der persönlichen Website mehr Individualität zu geben

  • Es bestand der Wunsch, dass die eigene Website sich von trockenen Unternehmensseiten abhebt und eine persönlichere und unverwechselbare Atmosphäre bekommt
  • Um gestalterisch kleine Veränderungen einzubringen, wurden bereits besondere Effekte zu Bildern, Links und anderem hinzugefügt
  • Statt der bisherigen Monospace-Schrift sollte eine handschriftlich wirkende Schreibschrift eingesetzt werden, doch da keine passende Schriftart gefunden wurde, fiel die Entscheidung, sie selbst zu erstellen

Der Versuch mit Open-Source-Tools und sein Scheitern

  • Es wurde versucht, mit Open-Source-Tools wie Inkscape und FontForge eine vektorbasierte Schriftart zu erstellen
    • Mit einem Grafiktablet wurden die Großbuchstaben A, B und C geschrieben, als SVG gespeichert und anschließend in den Font-Editor importiert
    • Die schwache Nutzererfahrung von FontForge und die wenig intuitive UI sorgten für Frust
    • Schon bei grundlegenden Aufgaben wie Dateiauswahl, Importvorgängen und dem Laden von SVGs gab es viele Fehlversuche und unnötigen Aufwand
    • Auch die Bezier-Griffe zur Bearbeitung der Kurven in den Glyphen ließen sich nur umständlich bedienen
    • Wiederholte Fehlermeldungen und lästige Pfadwechsel führten schließlich zum Abbruch des Versuchs
  • Auch die SVG-Font-Funktion von Inkscape wurde ausprobiert, doch dabei zeigte sich, dass jeder Glyphe zu einem einzelnen Pfad zusammengeführt werden muss und Kenntnisse in der Vektorbearbeitung nötig sind – insgesamt also ein komplizierter und ineffizienter Prozess

Die Wahl des kostenpflichtigen Webdienstes Calligraphr

  • Bei der Suche nach verschiedenen Open-Source-Tutorials wurde auf den Closed-Source-Dienst Calligraphr aufmerksam
    • In der kostenlosen Version gibt es Einschränkungen bei Ligaturen, Varianten und ein Limit von 75 Glyphen, doch mit einer einmaligen Zahlung für einen Monat lassen sich die Premium-Funktionen nutzen
    • Besonders positiv bewertet wurden die Möglichkeit einer einmaligen Zahlung ohne automatische Verlängerung und die transparente Preispolitik
  • So funktioniert Calligraphr
    • Eine Vorlage wird ausgedruckt und handschriftlich ausgefüllt, anschließend eingescannt und zum Dienst hochgeladen
    • In die Vorlage können die ausgewählten Buchstaben, Zeichen, Ligaturen und weitere Formen aufgenommen werden
    • Es lassen sich mehrere Versionen erstellen, bewerten und auswählen; zusätzlich wurden benutzerdefinierte Ligaturen passend zum Blogtitel ergänzt
    • Mit einem Sharpie-Stift wurde der Schriftzug dicker und markanter gestaltet
    • Zum Scannen und Hochladen als PDF wurde die Dokumentenscan-Funktion des iPhone verwendet

Wiederholte Verbesserung und Feinabstimmung der Schriftart

  • Über die Web-UI von Calligraphr war eine Vorschau der Schriftart sowie ein direkter Anwendungstest möglich
    • Die Schriftart wurde auf der echten Website angewendet, um Lesbarkeit und Design in verschiedenen Größen zu prüfen
  • In der ersten Version passten die Buchstaben nicht zur Grundlinie, wodurch das Gleichgewicht gestört wirkte; mit den Funktionen zur Positions- und Größenanpassung wurde dies präzise korrigiert
  • Durch das Verringern des Zeichenabstands (Kerning) entstand die für Handschrift typische natürliche Verbindung
  • Bei einigen Glyphen befand sich eingescanntes Rauschen außerhalb des Glyphenbereichs, was zu merkwürdigen Abständen führte
    • Wenn nur die Breite reduziert wurde, blieben im Satz verstreute Punkte zurück
    • Mit dem Bearbeitungswerkzeug wurden die überflüssigen Pixel vollständig gelöscht, wodurch sich das Problem sauber beheben ließ
  • Diese wiederholte Arbeit fühlte sich sogar angenehm an, weil die Verbesserungen visuell sehr deutlich erkennbar waren

Ergebnis und positive Erfahrungen mit dem Dienst Calligraphr

  • Die fertige Schriftart verleiht Headern, Bildunterschriften und anderen Bereichen der Website ein Gefühl echter Handschrift und erfüllt damit den gewünschten Anspruch an Individualität
  • Dank der Stärke des Sharpie ist die Lesbarkeit auch bei kleiner Schrift sehr gut
  • Im Vergleich zu Open-Source-Tools wurde die Effizienz deutlich spürbar: Das Ergebnis ließ sich mit wenig Zeit und geringen Kosten fertigstellen
  • Selbst nach Ende des Abonnements stellt Calligraphr automatisch ein Backup (Export) der Nutzerdaten bereit
    • Im JSON-Format sind sämtliche Glypheninformationen und Bilddaten enthalten, sodass sie später für ein erneutes Abo oder weitere Bearbeitung genutzt werden können
    • Klare Richtlinien im Voraus, kein Drängen zu wiederholten Zahlungen und die transparente Bereitstellung der Daten hinterließen Eindruck als nutzerfreundliche Geschäftspraxis
  • Wer etwas Ähnliches ausprobieren möchte, dem ist die Erfahrung schon wegen der Schlichtheit und des kundenorientierten Dienstes von Calligraphr zu empfehlen

Verwandte Beiträge

1 Kommentare

 
GN⁺ 2025-09-07
Hacker-News-Kommentare
  • Ich habe 2013 für meine Hochzeits-Website etwas Ähnliches gemacht. Ich habe einen Postdienst genutzt, um eine ganz ordentliche TTF zu erstellen, und sie dann in WOFF umgewandelt. Sie ist immer noch online unter https://ruthandjosh.net/story/ (Millennial-Vibes-Warnung)
    • Es ist wirklich beeindruckend, in Zeiten wie diesen eine Website mit noch funktionierendem Link am Leben zu erhalten
    • Diese Geschichte ist wirklich wunderschön, ich fand sie überhaupt nicht kitschig
    • Danke, dass du diesen Kitsch mit uns geteilt hast, das war ein großartiger Abschluss der Woche. Schabbat Schalom
    • Diese Website ist wirklich toll. Design und Layout wirken eher zeitlos
    • Ich frage mich, ob Ruth im Flugzeug wirklich allein Champagner getrunken hat
  • Ich feuere den Aufwand und die Reise an. Ich kann diese ehrliche Entscheidung nachvollziehen, Open-Source-Alternativen aufzugeben und sich mit einer günstigen Alternative etwas Eigenes zu schaffen. Meine Geschichte ist ähnlich. Ich bin auch ein autodidaktiver Kreativer und werde manchmal stur, weil ich eine bestimmte Technik oder ein bestimmtes Tool unbedingt ausprobieren will. Vielleicht liegt das an versunkenen Kosten oder Perfektionismus. Das Website-Design hat wirklich viel Persönlichkeit. PS: Ich habe es in meinem Firefox-Browser unter fonts, developer-blog, creative-sites, boutique-designs als Lesezeichen gespeichert
  • Meine Handschrift ist wirklich furchtbar und wird mit jedem Schreiben schlechter. Ein Teufelskreis. Weil meine Handschrift schlecht ist, tippe ich alles, und weil ich nicht übe, wird sie noch schlechter. Wenn ich aus meiner Handschrift eine Schriftart machen würde, könnte man sie wahrscheinlich auch als kryptografischen Hash verwenden. Trotzdem mag ich die Idee an sich. Ich habe nicht das Gefühl, dass eine getippte Nachricht weniger persönlich ist als handschriftlich zu schreiben, aber in der Praxis wirkt sie doch etwas unpersönlicher. Eine Handschrift-Schriftart könnte dieses Gefühl etwas ausgleichen
    • Würde wahrscheinlich gut als Schrift für ein Black-Metal-Albumcover funktionieren
    • Ich denke, dieses Phänomen von „es gibt einen einfacheren Weg, also hat man gar nicht erst das Gefühl, die Technik lernen zu müssen, und verliert nach und nach die Gelegenheit dazu“ ist heute ein wirklich ernstes Problem. Man lernt nur noch einfache Systeme und am Ende eigentlich nicht die echte Technik, sondern nur die Benutzung des Systems. Mein Mitbewohner kann zum Beispiel nur ein Messerschärf-System benutzen und keine Messer von Hand schärfen. Ohne das System kann er gar nichts. Solche Leute gibt es inzwischen wirklich viele. Sie folgen einfach dem Handbuch und haben keinen Zusammenhang dazu, warum etwas so funktioniert. Gesellschaftlich insgesamt sind grundlegende Fähigkeiten stark schwächer geworden, wohl weil der Kapitalismus alles zu einer Struktur gemacht hat, in der man Geld dafür zahlt, Zeit zu sparen
  • Soweit ich weiß, läuft Microsoft Font Maker immer noch kostenlos auf dem Windows-Ink-Stylus (auch wenn die Qualität vielleicht etwas geringer ist). Ich erinnere mich nicht mehr, was ich damals benutzt habe, aber vermutlich war es in einem PowerToy für Windows Tablet PC enthalten. https://apps.microsoft.com/detail/9n9209f8s3vc?hl=en-US&gl=US
  • Wegen Missbrauchserfahrungen in meiner Kindheit ist meine Handschrift sehr schlecht. Schreibschrift kann ich auch kaum. Wenn es eine Schriftart gäbe, die auf meiner Handschrift basiert, würden wohl alle sagen: „Wow, die Eltern dieser Person müssen wirklich verantwortungslos gewesen sein.“ In Microsoft Word würde der Fontname wahrscheinlich „Danny Wets The Bed“ heißen. Nur ein Scherz, aber ich habe den Text gern gelesen, großartiger Post
  • Als Teenager habe ich einmal aus der Handschrift eines Mädchens, das ich mochte, eine ttf-font gemacht und sie ihr geschenkt. Ich hatte diesen Aufwand wirklich unterschätzt. Ich habe ein Tool aus der Corel Draw Suite verwendet, das Alphabet eingescannt, das sie mir geschrieben hatte, und jeden Buchstaben von Hand vektorisiert. Das war eine unglaubliche Fleißarbeit. Inzwischen sind 25 Jahre vergangen, und ich staune immer noch über die reine Leidenschaft von damals. Ich habe enorm viel Zeit in ein einziges Geburtstagsgeschenk gesteckt und wusste bei den meisten Schritten ehrlich gesagt gar nicht, was ich da eigentlich tat. Am Ende habe ich es fertigbekommen, aber wahrscheinlich nur, weil ich nichts wusste
    • Viel besser als ein Mixtape. Wenn ich etwas in meiner Handschrift schreiben würde, wäre das eher eine Strafe
    • Ich frage mich, was danach aus euch beiden geworden ist. Ich würde gern wissen, ob sich der Aufwand gelohnt hat und ob es ein Happy End gab
  • Ich frage mich, ob die Technik inzwischen weit genug ist, dass man sie in der Praxis nicht mehr von echter Handschrift unterscheiden kann. Ich frage mich auch, ob man damit handschriftliche Aufgaben umgehen könnte, die Professoren an der Schule verlangen, ohne erwischt zu werden. Natürlich nur ein hypothetisches Szenario
  • Ich frage mich, ob es eine Möglichkeit gibt, den Ansatz von Amy Goodchild ( https://www.amygoodchild.com/blog/cursive-handwriting-in-javascript ) in echte Font-Dateien umzuwandeln
    • Wahrscheinlich wäre das ein Problem der „Übersetzung“ von Chaikin's paths in Bézier-Kurven. Dann könnte man daraus Metafont-Schriften machen und sie von dort in ttf, otf usw. umwandeln
  • Es gibt auch andere, die einen ähnlichen Weg gegangen sind
    • Außerdem gibt es noch die schon länger existierende großartige Tekton-Schrift. Sie basiert auf der Handschrift des Architekten Frank D.K. Ching, das eigentliche Design stammt aber von David Siegel von Adobe
  • Wirklich tolle Arbeit. Danke fürs Teilen. Ich bereite gerade einen Workshop mit Kindern vor und wollte ihnen dort die Erfahrung geben, ihre eigene Website oder Web-App „selbst zu zeichnen“. Bisher hatte ich das Thema Schriftarten nicht eingebaut, weil ich nicht wusste, wie man das macht, aber jetzt weiß ich es. Vielen Dank! Falls jemand Ideen hat, wie man so einen Workshop noch unterhaltsamer machen kann, würde ich mich freuen. Zum Beispiel wollte ich versuchen, den Übergang zwischen analog und digital fließend zu gestalten, etwa indem man Papierprototypen baut und sie dann in echte Click-Dummys verwandelt. Zur Einordnung: Die Kinder hier sind 8 bis 10 Jahre alt
    • Hallo, falls ihr mich dabeihaben wollt, würde ich auch gern etwas dazu beitragen. Ich wollte Kindern in meiner Heimat kreative Technologien beibringen. Ich bin in Nigeria/Afrika und arbeite mit JavaScript ohne einfache Anführungszeichen und Semikolons