10 kostenlose Tools fürs Schriftdesign: So erstellen Sie Ihre 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, denken wir nur an das mittlerweile sehr groß gewordene Google Fonts Verzeichnis mit seinen (zur Zeit) 671 Schriftarten. Doch dort muss man die Fonts so nehmen, wie sie angeboten werden. Wenn Sie jedoch eine bestehende Schriftart modifizieren oder gar eine ganz eigene Schriftart erstellen möchten, dann sind Sie 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 spezialisiert haben. Diese Dienste stellen wir Ihnen heute vor.

10-tools-schriftdesign-teaser

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 man seine Ergebnisse speichern und ansehen möchte. Man kann sich per OAuth über Facebook registrieren, muss es aber nicht. Der normale Weg über Benutzernamen und Passwort funktioniert ebenfalls.

Praktisch ist der Outline-Generator, der Ihnen erlaubt, einen Rahmen um den Buchstaben zu legen. Später kann man dann die Dicke und die Rundungen der einzelnen Buchstaben bearbeiten. Auch mehrere Buchstaben gleichzeitig zu bearbeiten, stellt kein Problem dar. Der fertige Font kann dann als OTF-Datei exportiert werden.

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 man bestimmen kann, welche Buchstaben und Sonderzeichen enthalten sein sollen. Dieses Template ist eine PDF- oder PNG-Datei, die auf den eigenen Rechner heruntergeladen wird, um dort seinen eigenen Font entweder handschriftlich oder per Gimp/Photoshop zu erstellen. Nachdem das Template ausgefüllt worden ist, lädt man es wieder auf die Plattform hoch. Der eigene 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 ausschliesslich 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 können Sie auf dem Gitter zeichnen, oder sogar Ihre 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 über alle wichtigen Arbeitsschritte.

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 vermitteln kann.

In FontForge werden Buchstaben mittels Kurven gezogen, die wiederum in Form und Position beeinflusst werden können. Wenn Sie bereits in Photoshop oder Gimp gezeichnet haben, ist das gar nicht so schwer. Ansonsten muss etwas Zeit zum Erlernen investiert werden, dafür sind die möglichen 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 Ihres Fonts können Sie eine Funktion zum Auffinden von Fehlern und Inkonsistenzen starten, mit der „Find Problem“ Option und den Font-Validierungs-Tools. FontForge ist ein Desktop-Tool und erhältlich für Windows, Mac OS X und Linux.

FontForge Homepage | Tutorials Teil 1 – Tutorials Teil 2 | FontForge Download

Die Oberfläche von FontForge:

FontForge Oberfläche

Video: Eine kurze Einführung in FontForge

5. FontStruct

FontStruct

Mit FontStruct erstellen Sie Fonts durch die Kombination von einfachen, geometrischen Formen. Sie können Schriftarten entweder komplett neu erstellen oder auf Basis bereits bestehender Fonts anderer User arbeiten. Beispiele finden Sie in der Galerie. Die Oberfläche des Web-Dienstes ist einfach und klar gehalten, jedoch kann ein „Experten-Modus“ aktiviert werden, in dem Sie dann Zugriff auf viele weitere Optionen erhalten. Der Arbeitsbereich kann in der Größe beeinflusst werden, es kann hinein und hinaus gezoomt werden. Es gibt einen Vollbild-Modus und verschiedene Gitter und Hilfslinien können genutzt werden.

Die neu geschaffene Schriftart kann entweder als TTF-Datei oder aber als .glyphs (kann unter MAC OS X bearbeitet werden) exportiert werden. FontStruct kann keine externen Fonts importieren und Ihre Handschrift nicht in einen Font konvertieren. Allerdings können Sie die Galerie nach Dutzenden von anderen Usern erstellten Fonts durchsuchen und diese dann zur weiteren Bearbeitung importieren. 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 Online oder als einfache HTML-Datei vom heimischen Rechner aus genutzt werden. Dank dieser intelligenten 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 erhalten Sie zudem eine Live-Vorschau Ihres Fonts. Eine echte Besonderheit ist der Zwei-Bildschirm-Modus, mit dem Sie das Glyphr Studio auf zwei Monitore aufteilen können. Sie können Glyphr in allen modernen Browsern nutzen, jedoch soll Google Chrome die besten Ergebnisse liefern. Glyphr kann Projekte als OTF- und SVG-Dateien exportieren.

Glyphr Studio Homepage | Glyphr Studio Online-Anwendung | Glyphr Studio Download | 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, sondern eigene Icon-Fonts, die auf Webseiten Verwendung finden. Dabei kann das Tool die von Ihnen 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 soll in allen modernen Browsern funktionieren.

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. Bewegen Sie sich durch die umfangreiche Galerie, um zu sehen, was andere User an Fonts erstellt haben. Oder laden Sie 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 haben wir darauf geachtet, dass viele Menschen mit einem der Programme glücklich werden können. Manche sind schon glücklich, wenn Sie Ihre eigene Handschrift zum Font konvertieren können, andere entwerfen lieber neue Fonts von Grund auf. Spaß machen dürfte die Arbeit an eigenen Fonts mit jeder der vorgestellten Anwendungen.

Links zum Beitrag

Ergänzende Beiträge von Dr. Web

(dpe)

ist freier Journalist, Spezialist für WordPress und WordPress Sicherheit und schreibt seit 2012 für Dr. Web. Nebenbei ist er Autor mehrerer E-Books zu den Themen Lebenshilfe, Marketing und WordPress. Auf seinem Blog TechBrain.de schreibt er über das Schreiben und Bloggen und veröffentlicht nützliche WordPress-Snippets.

Sortiert nach:   neueste | älteste | beste Bewertung
Meino
Gast
1 Jahr 4 Monate her

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.

trackback

[…] Source: http://www.drweb.de […]

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