10 kostenlose Tools fürs Schriftdesign: So erstellst du deine eigene Schriftart

Schriftarten sind ein sehr kraftvoller, individueller Weg, um Inhalte darzustellen. Sie haben direkten Einfluss darauf, wie wir Inhalte wahrnehmen und interpretieren. Typografie ist heutzutage sehr beliebt, auch und gerade im Zusammenspiel mit responsivem Webdesign, für das ganz eigene Regeln gelten. Es gibt eine Unzahl von freien Fonts online.

10 freie Tools, mit denen Sie Ihre eigenen Fonts erstellen können

Denken wir nur an das mittlerweile sehr groß gewordene Google Fonts Verzeichnis mit seinen (zur Zeit) 809 Schriftarten. Doch dort muss man die Fonts so nehmen, wie sie angeboten werden. Wenn wir jedoch eine bestehende Schriftart modifizieren oder gar eine ganz eigene Schriftart erstellen möchten, dann sind wir dort an der falschen Adresse. Es gibt allerdings einige Dienste im Netz, die sich genau darauf, nämlich die Modifizierung bestehender Fonts und die Erstellung komplett neuer Schriftarten, das sogenannte Schriftdesign, spezialisiert haben. Diese Dienste stelle ich dir heute vor.

1. FontArk

FontArk - Advanced online font editor

FontArk ist ein browserbasierter Font-Editor und ein Werkzeug zum Erschaffen neuer Schriftarten. Mit FontArk können entweder Templates importiert, oder aber völlig neue Fonts geschaffen werden. Gutes Video-Material führt durch die einzelnen Funktionen und erklärt, wie man für gute Ergebnisse verfahren sollte. Es sollte klar sein, dass man für optimale Ergebnisse einige Einarbeitungszeit benötigt. Ein kurzes Ausprobieren des Font-Editors ist ohne einen Benutzer-Account möglich. Jedoch werden alle Funktionen erst freigeschaltet, wenn man sich eingeloggt hat. Eine Registrierung ist also unbedingt nötig, wenn du deine Ergebnisse speichern und ansehen möchtest. Du kannst dich per OAuth über Facebook registrieren, musst es aber nicht. Der konventionelle Weg über Benutzernamen und Passwort funktioniert ebenfalls.

Praktisch ist der Outline-Generator, der dir erlaubt, einen Rahmen um den Buchstaben zu legen. Später kannst du dann die Dicke und die Rundungen der einzelnen Buchstaben bearbeiten. Auch mehrere Buchstaben gleichzeitig zu bearbeiten, stellt kein Problem dar. Den fertigen Font exportierst du dann als OTF-Datei.

FontArk – Advanced online font editor | FontArk Video Tutorials

Video: Erste Schritte mit FontArk

2. PaintFont

PaintFont Tool

PaintFont ist ein relativ simples, aber doch sehr wirksames Tool. Auf der Website wird zuerst ein „Template“ erstellt, in dem du bestimmen kannst, welche Buchstaben und Sonderzeichen enthalten sein sollen. Dieses Template ist eine PDF- oder PNG-Datei, die auf den eigenen Rechner heruntergeladen wird, um dort einen eigenen Font entweder handschriftlich oder per Gimp/Photoshop zu erstellen. Nachdem du das Template ausgefüllt hast, lädst du es wieder auf die Plattform hoch. Dein eigener Font wird dann generiert und kann als OTF- oder TTF-Version heruntergeladen werden. Eine Registrierung ist zur Nutzung von PaintFont nicht nötig.

PaintFont Homepage | PaintFont Tutorial

Das noch auszufüllende Template sieht so aus:

Das Template für den eigenen Font.

3. BirdFont

BirdFont

BirdFont ist kein wirklich rein kostenloses Tool, aber es ist Open-Source und kann kostenfrei verwendet werden, solange man mit der SIL Open Font License einverstanden ist. Unter dieser Lizenz wird der generierte Font dann lizensiert. Möchte man seinen Font hingegen auch kommerziell verwenden, kostet die Freischaltung ab 1.- USD respektive ab 5.- USD mit Programm-Updates. Die genannten Preise sind Mindestpreise, man kann und darf mehr bezahlen.

BirdFont ist keine Online-Anwendung, sondern ein Desktop-Tool und als solches für Windows, Mac OS X, sowie für Linux erhältlich. Um einen Font zu kreieren, kannst du auf dem Gitter zeichnen, oder sogar deine Eingaben handschriftlich über andere Programme eingeben (auch auf Papier). Diese Bild-Datei wird dann als Hintergrund in BirdFonts importiert. Darüber entwirft man nun seine Buchstaben. Die Anwendung kann aus anderen Programmen wie zum Beispiel Inkscape oder Abobe Illustrator importieren und fertige Projekte entweder als TTF-, EOT- oder SVG-Fonts exportieren. Etliche Tutorials sind auf der Webseite zu finden. Ebenfalls existieren eine Menge Video-Tutorials zu allen wichtigen Arbeitsschritten.

BirdFont Homepage | BirdFont Download | BirdFont Tutorials | BirdFont Videos

Die BirdFont-Oberfläche:

birdfont-oberflaeche

4. FontForge

FontForge

FontForge ist ein sehr umfangreiches, kostenloses Open-Source Tool mit fast unendlichen Möglichkeiten und Einstellungen. Die Funktionsvielfalt könnte einen Einsteiger in die Materie glatt abschrecken, wenn es nicht so gute Tutorials und ein umfassendes FAQ gäbe, dass dem geneigten Leser sehr viel Fachwissen über Typografie vermittelt.

In FontForge werden Buchstaben mittels Kurven gezogen, die wiederum in Form und Position beeinflusst werden können. Wenn du bereits in Photoshop oder Gimp gezeichnet hast, ist das gar nicht so schwer. Ansonsten muss etwas Zeit zum Erlernen investiert werden. Dafür sind die möglichen späteren Ergebnisse aber sehr gut. Für eine bessere Kontrolle über die gezeichneten Elemente gibt es Ebenen, genau wie in Photoshop oder ähnlichen Programmen.

FontForge kann SVG- und EPS-Dateien von Adobe Illustrator oder Inkscape importieren. Auch kann das Programm Fonts aus PDF-Dateien auslesen. Vor dem Exportieren deines Fonts kannst du eine Funktion zum Auffinden von Fehlern und Inkonsistenzen starten – nämlich die „Find Problem“-Option, sowie die Font-Validierungs-Tools. FontForge ist ein Desktop-Tool und erhältlich für Windows, Mac OS X und Linux.

FontForge Homepage | Tutorials | FontForge Download

Die Oberfläche von FontForge:

FontForge Oberfläche

Video: Eine kurze Einführung in FontForge

5. FontStruct

FontStruct

Mit FontStruct erstellst du Fonts durch die Kombination von einfachen, geometrischen Formen. Du kannst Schriftarten entweder komplett neu erstellen oder auf Basis bereits bestehender Fonts anderer User arbeiten. Beispiele findest du in der Galerie. Die Oberfläche des Web-Dienstes ist einfach und klar gehalten, jedoch kann ein „Experten-Modus“ aktiviert werden, in dem du dann Zugriff auf viele weitere Optionen erhältst. Der Arbeitsbereich kann in der Größe beeinflusst und es kann hinein- und hinausgezoomt werden. Es gibt einen Vollbild-Modus und verschiedene Gitter und Hilfslinien stehen zu deiner Verfügung.

Die neu geschaffene Schriftart exportierst du entweder als TTF-Datei oder aber als .glyphs (kann unter MAC OS X bearbeitet werden). FontStruct kann keine externen Fonts importieren und deine Handschrift nicht in einen Font konvertieren. Allerdings steht eine Galerie mit Dutzenden von anderen Usern erstellten Fonts bereit, die du dann zur weiteren Bearbeitung importieren kannst. Das funktioniert in allen Browsern, braucht jedoch zur korrekten Funktion Adobe Flash. Eine Registrierung ist unbedingt erforderlich und kann nur per Benutzernamen und Passwort erfolgen.

FontStruct Homepage | FontStruct FAQ | FrontStruct Hilfe

Video: Eine Einführung in FontStruct

6. Glyphr Studio

Glyphr Studio

Diese praktische und recht funktionsstarke App kommt in zeitgemäßer Form. Sie kann entweder als Web-App oder als einfache HTML-Datei vom heimischen Rechner aus genutzt werden. Dank dieser Form muss das Glyphr Studio nicht installiert werden. Inkscape- und Illustrator-Dateien sind importierbar, ebenso wie ganze SVG-Fonts. Die Anpassung von Kerning und Ligaturen ist kein Problem, auch verknüpfte Formen können erstellt werden, um sie an anderen Buchstaben erneut nutzen zu können.

Mit der Test-Drive-Funktion erhältst du zudem eine Live-Vorschau deines Fonts. Eine echte Besonderheit ist der Zwei-Bildschirm-Modus, mit dem du das Glyphr Studio auf zwei Monitore aufteilen kannst. Glyphr ist in allen modernen Browsern nutzbar, jedoch soll Google Chrome die besten Ergebnisse liefern. Glyphr exportiert Projekte als OTF- und SVG-Dateien.

Glyphr Studio Homepage | Glyphr Studio Online-Anwendung | Glyphr Studio Dokumentation

Die Benutzeroberfläche:

Glyphr Studio Benutzeroberfläche

7. MyScriptFont

MyScriptFont

MyScriptFont basiert auf dem selben Prinzip wie PaintFont. Die Homepage ist sehr ähnlich aufgebaut. Auch hier lädt man ein Template herunter, füllt es handschriftlich aus, scannt es als 300dpi Dokument ein und lädt es auf MyScriptFont hoch. Danach steht dann zeitnah der neue Font als TTF- oder OTF-Datei zum Download bereit. Eine Registrierung ist zur Nutzung des Dienstes nicht erforderlich.

MyScriptFont Homepage

8. Fontastic

Fontastic

Mit der Web-Anwendung Fontastic lassen sich keine „normalen“ Fonts erstellen. Vielmehr baust du damit eigene Icon-Fonts, die auf Webseiten Verwendung finden. Dabei kann das Tool die von dir entworfenen Icons zusätzlich als SVG-Sprite zum Download bereitstellen.

Fontastic importiert SVG-Dateien aus Illustrator, um daraus dann einen Icon-Font zu erstellen. Jedes einzelne Detail der Icons kann mit CSS bearbeitet werden, zum Beispiel um Schatten und Farben hinzuzufügen und zu ändern. Der fertige, in die Webseite eingebundene Icon-Font skaliert hervorragend auf verschiedenen Ausgabe-Medien und sieht dementsprechend überall ansprechend aus. Eine Registrierung ist zur Nutzung des Dienstes notwendig und erfolgt über E-Mail-Adresse und Passwort. Fontastic funktioniert in allen modernen Browsern.

Fontastic Homepage | Fontastic Dokumentation | Eigene Icons in Fontastic importieren

Video: Fontastic-Einführung

9. Pentacom’s BitFontMaker

BitFontMaker2

Der BitFontMaker ist ein Tool für eine spezielle Art von Fonts, denn es lassen sich mit dem Tool sogenannte Pixel-Fonts erstellen, wie man sie noch von alten Video-Spielen kennt. Stöbere in der umfangreichen Galerie, um zu sehen, was andere User an Fonts erstellt haben. Oder lade eigene TTF- oder OTF-Fonts hoch, um diese dann zu bearbeiten. Auch neue Fonts lassen sich von Grund auf relativ leicht im Editor erstellen. Das fertige Endprodukt kann dann mit anderen Nutzern geteilt werden. Mit folgenden Browsern funktioniert der Dienst: IE 9+, Firefox 2+, Safari 5+ und Google Chrome. Eine Registrierung ist zur Nutzung von BitFontMaker nicht nötig.

BitFontMaker Homepage | BitFontMaker Hilfe

10. TTFEdit

TTF-Edit

Das letzte Tool dieser Liste ist wieder eine Desktop-Anwendung, die installiert werden muss. In der Funktionsvielfalt liegt TTFEdit genau in der Mitte zwischen sehr komplexen Anwendungen, wie FontForge, und den einfacheren Anwendungen ohne große Funktionsvielfalt. Existierende Fonts im TTF-Format können importiert und modifiziert werden, oder man erstellt komplett neue Projekte aus Templates. Das Interface ist in Tabs aufgeteilt, wobei jeder Tab für verschiedene Aktionen steht. Die Form jedes Charakters kann durch das Bewegen und die Größenänderung von Kurven geändert werden.

TTFEdit ist zur Zeit nur für Windows erhältlich .

Fazit

Bei der Auswahl der Anwendungen für die Font-Erstellung habe ich darauf geachtet, dass für viele Problemstellungen Angebote dabei sind. Manchem mag es schon reichen, seine eigene Handschrift zum Font konvertieren zu können, andere entwerfen lieber neue Fonts von Grund auf. Spaß machen wird die Arbeit an eigenen Fonts mit jeder der vorgestellten Anwendungen.

Links zum Beitrag

Ergänzende Beiträge auf Dr. Web

(Der Beitrag erschien erstmals am 4. März 2015 und wurde von Andreas Hecht geschrieben. Seitdem wird der Beitrag regelmäßig aktualisiert. Insbesondere werden nicht mehr funktionierende Lösungen entfernt und – soweit möglich – durch neue ersetzt.)

ist freier Journalist, WordPress-Entwickler und Spezialist für WordPress-Sicherheit. Er schreibt seit 2012 für Dr. Web. Auf seinem Blog TechBrain.de schreibt er über das Bloggen und veröffentlicht nützliche WordPress-Snippets.

Hinterlasse einen Kommentar

2 Kommentare auf "10 kostenlose Tools fürs Schriftdesign: So erstellst du deine eigene Schriftart"

Benachrichtige mich zu:
avatar
Sortiert nach:   neueste | älteste | beste Bewertung
Meino
Gast

Schöne Zusammenstellung. Hätte ich vor einiger Zeit gut gebrauchen können.

FontForge benötigt wirklich einige Einarbeitungszeit und Wissen über Fonts und Fonterstellung.

Hinweis zu ttfedit: ist ein Java-Programm, das auch unter Linux läuft. Einzig das Shell-Skript zum Starten muss noch auf Unix-Zeilenenden umgestellt werden.

wpDiscuz

Mit der Nutzung unseres Angebots erklärst du dich damit einverstanden, dass wir Cookies verwenden. Weitere Informationen

Wir verwenden Cookies, um Inhalte und Anzeigen zu personalisieren, Funktionen für soziale Medien anzubieten und die Zugriffe auf unsere Website zu analysieren. Dadurch geben wir nicht personenbezogene Informationen zur Nutzung unserer Website an unsere Partner für soziale Medien, Werbung und Analysen weiter. Nähere Informationen findest du in unserer Datenschutzerklärung. Durch die Weiternutzung unserer Website (oder das ausdrückliche Klicken auf "Einverstanden") gehen wir davon aus, dass du mit der Verwendung von Cookies einverstanden bist.

Schließen