1. Design & Illustration
  2. Typography

Entwerfen und Erstellen einer funktionalen Kursivschrift

by
Read Time:20 minsLanguages:

German (Deutsch) translation by Katharina Grigorovich-Nevolina (you can also view the original English article)

Final product imageFinal product imageFinal product image
What You'll Be Creating

Der kursive Typ war einst ein Oxymoron, aber mit der modernen OpenType-Technologie können wir jetzt echte kursive Schriftarten mit Buchstabenformen erstellen, die sich bis zu einem gewissen Grad entsprechend ihrem Kontext verhalten, genau wie echte kursive Schrift.

In diesem Tutorial erfahren Sie, wie Sie ein Kursivdesign erstellen, es in gültige Bezier-Konturen übersetzen und bereinigen, in eine Schriftart packen und die OpenType-Regeln codieren, die das Kursivverhalten programmieren.

1. Benötigen Sie wirklich eine Schriftart?

Dies mag seltsam erscheinen, aber heutzutage verwenden Designer immer mehr Schriftarten. Das Wort "Schriftart" bedeutet wörtlich "gegossene Quelle" und bezieht sich auf die Metallblöcke, aus denen einst eine Schrift bestand. Diese Blöcke bestanden aus unglaublich hartem Metall, um Hunderttausende von Druckmaschinen oder später zu überstehen und als Formen zu dienen, die wiederholt Kopien ihrer Buchstaben in weichere Metallbutzen für den Buchdruck druckten.

Dies impliziert, dass Schriftarten für den intensiven, sich wiederholenden Gebrauch gedacht sind. Schriftdesigner investieren viel Arbeit in eine Schriftart, um sicherzustellen, dass sie in jeder Umgebung so gut wie möglich funktioniert.

Wenn Sie also nur ein dekoratives Wort benötigen, ist es nicht sinnvoll, eine ganze Schrift zu entwerfen (oder heutzutage zu kaufen). Es ist wahrscheinlich besser, wenn Sie Ihr Wort oder Ihre Phrase von Hand beschriften und in Ihr Design importieren. Wenn Sie jedoch möglicherweise mehrere verschiedene Überschriften benötigen oder eine besonders lange Passage in dieser Schriftart festlegen möchten oder ein Design wünschen, das ansonsten alles drucken kann, was Sie möchten, ist eine Schriftart der richtige Weg.

2. Erstellen des Designs

Schriftdesigns sind oft das Ergebnis glücklicher Unfälle. Oft schreibe ich beiläufig etwas auf Papier, das wirklich gut aussieht und das zur Inspiration für eine ganze Schrift wird. Zum Beispiel waren hier einige Überschriften, die ich für einige Physik-/Statistik-Hausaufgaben geschrieben habe, von denen ich dachte, dass sie eine schöne Schrift ergeben könnten.

case closedcase closedcase closed

Tipp: Wenn Sie versuchen, eine Probe zu beschriften, ist es oft hilfreich, auf Rasterpapier zu schreiben, damit Sie Ihre Briefe - und Scans - gut und gerade halten können.

electricityelectricityelectricity

Diese wurden mit einem Kalligraphiestift mit breiter Spitze geschrieben. Sie können einige sehr preiswerte kalligraphische Füllfederhalter für weniger als 10 US-Dollar von Herstellern wie Sheaffer kaufen.

Sie müssen sie in Bilder scannen, um die Designs zu vektorisieren. Wenn Sie keinen Scanner haben (wie ich), können Sie einfach ein Bild aus einem orthogonalen Winkel aufnehmen und diesen verwenden. Beide oben genannten Scans wurden mit einer iPhone-Kamera durchgeführt. Die Bildqualität muss nicht besonders gut sein - Sie müssen sich nur darum kümmern, geometrische Verzerrungen zu vermeiden.

3. Verfolgen der Buchstaben in FontForge

Um die Schriftart selbst zu erstellen, benötigen Sie ein Programm zur Bearbeitung von Schriftarten. Es gibt mehrere schrecklich teure Optionen, aber eine großartige App, FontForge, ist kostenlos und Open Source. In diesem Tutorial werden wir FontForge verwenden. Stellen Sie sicher, dass nur ganzzahlige Koordinaten verwendet werden (Datei > Einstellungen > Bearbeiten > SnapToInt).

Schritt 1

Als erstes müssen wir den Scan in den FontForge-Zeichenbereich importieren. Klicken Sie dazu in ein Glyphenbearbeitungsfenster und gehen Sie zu Datei > Importieren.

Importing background imageImporting background imageImporting background image

Stellen Sie dann sicher, dass Sie sich in der Hintergrund-Ebene befinden, und positionieren und skalieren Sie das Referenzbild mit den Verschiebungs- und Skalierungswerkzeugen. Zu Demonstrationszwecken beginne ich in diesem Beispiel mit dem Buchstaben "r". Zentrieren Sie also das "r" in der Mitte des Glyphenrahmens direkt auf der Grundlinie.

positioning background imagepositioning background imagepositioning background image

Schritt 2

Wir beginnen mit dem Zeichnen der Kreuzung, an der der Buchstabe beginnt.

drawing junctiondrawing junctiondrawing junction

Dann pflanzen wir HV-Kurvenpunkte an allen Minima und Maxima der Buchstabenkontur. Die Verwendung von HV-Kurvenpunkten hilft dabei, wichtige Punkte entlang der Buchstabenkontur zu verankern, und verhindert endlose Kopfschmerzen mit fehlenden Extrema-Punkten auf der Straße. Im Moment ist es in Ordnung, wenn sich der Pfad selbst schneidet.

tracing r contourtracing r contourtracing r contour
adding minimum pointadding minimum pointadding minimum point

Kopieren Sie dann die Anschlagpunkte und verschieben Sie sie horizontal gerade, um die Ausschlagspunkte zu bilden. Es ist sehr wichtig, dass die y-Koordinaten der beiden Punktmengen gleich bleiben.

Drawing the outstrokeDrawing the outstrokeDrawing the outstroke

Beenden Sie dann die Glyphe.

outlining routlining routlining r

Schritt 3

Passen Sie die Bézier-Griffe der Kurvenpunkte an, um sie besser an die Kontur des Glyphen anzupassen.

Fitting contour to referenceFitting contour to referenceFitting contour to reference

Sie können eine ausgefüllte Vorschau des Glyphen in der Hauptschriftartenansicht sehen.

r previewr previewr preview

Schritt 4

Jetzt können wir die nächste Glyphe angehen, in diesem Fall ein "i". Beginnen Sie, indem Sie das "r" abseilen, indem Sie seine Vorschubbreite oben auf der Ausstrichkante einstellen.

setting advance widthsetting advance widthsetting advance width

Wir verfolgen die Glyphe mit den gleichen Techniken, mit denen wir das "r" gemacht haben, wobei wir darauf achten, dass die Verbindung zwischen dem "r" -Ausschlag und dem "i" -Instrich glatt wird.

tracing itracing itracing i

Sie müssen den Strich des "i" in der richtigen Höhe zeichnen, damit er die Striche aller anderen Buchstaben ausrichtet. Daher kann es äußerst hilfreich sein, Fontforge-Richtlinien zu erstellen, die die Höhen der Verknüpfungen markieren. Erstellen Sie Richtlinien, indem Sie vom oberen Lineal im Glyphenfenster nach unten ziehen. Stellen Sie sicher, dass die Richtlinien auf ganzzahlige Koordinaten gerundet sind.

setting guidelinessetting guidelinessetting guidelines

Dann zeichnen Sie einfach den Rest der Glyphe.

drawing the i continueddrawing the i continueddrawing the i continued

Schritt 5

Dieses "i" wurde im "r"-Glyphenraum gezeichnet. Wir müssen es in seinen eigenen Glyphenschlitz verschieben. Wählen Sie die Kontur (und den Punkt) aus, indem Sie auf die Pfade doppelklicken, und schneiden Sie sie aus und fügen Sie sie in den Glyphenschlitz "i" ein. Stellen Sie die Vorschubbreite ein, indem Sie alle Seitenlager auf 0 setzen (Metriken > Beide Lager einstellen). Verschieben Sie das Hintergrundbild bei Bedarf.

separating the r and iseparating the r and iseparating the r and i

Sie können die Buchstaben immer noch nebeneinander sehen, indem Sie sie in das Wortlisten-Feld eingeben. Dies ist äußerst nützlich, wenn Sie kursive Schriftarten erstellen, um sicherzustellen, dass die Verknüpfungen glatt und ausgerichtet sind.

wordlist featurewordlist featurewordlist feature

Schritt 6

Hier verfolge ich den Buchstaben "l" aus dem Beispiel. Es kann einfacher sein, einen vorhandenen Buchstaben (in diesem Fall ein punktloses „i“) zu kopieren und die Punkte so zu verschieben, dass sie mit dem neuen Buchstaben übereinstimmen, obwohl jeder seine eigene Art hat, Scans von Hand zu verfolgen.

tracing the ltracing the ltracing the l

Das HV-Bounding-Box-Punktesystem bricht manchmal zusammen, da es unmöglich sein kann, bestimmte Kurven nur mit HV-Punkten zu verfolgen.

poorly fitted splinepoorly fitted splinepoorly fitted spline

In diesem Fall kann es erforderlich sein, zusätzliche Kurvenpunkte entlang des Splines einzufügen.

extra curve pointsextra curve pointsextra curve points

Handschrift ist selten perfekt, aber Schriftarten müssen es sein (einer der Nachteile der Verwendung von Schriftarten). Das heißt, um problematische Kombinationen zu vermeiden, müssen die Buchstaben, insbesondere ihre Instrokes und Outstrokes, etwas standardisiert werden. Im Fall des "l" bedeutet dies, dass der Schwanz so abgesenkt wird, dass er auf der Grundlinie sitzt.

standardizing lstandardizing lstandardizing l

Schritt 7

Hier ist eine Spur des Buchstabens "c". Wie Sie sehen können, habe ich einige Änderungen gegenüber der geschriebenen Version vorgenommen, damit sie gut mit anderen Buchstaben funktioniert. Das Metrikfenster kann sehr nützlich sein, um Buchstabenketten zu testen.

Metrics Window previewMetrics Window previewMetrics Window preview

4. Den Rest des Alphabets ableiten

Ihr Schriftmuster enthält wahrscheinlich nicht jeden Buchstaben im Alphabet. In der Tat können Sie manchmal bessere Ergebnisse erzielen, wenn Sie Buchstaben aus bereits gezeichneten Buchstaben ableiten. Zum Beispiel ist ein Skript "a" einem "ci" sehr ähnlich.

Making the aMaking the aMaking the a

Ich habe das oben erwähnte "a" erstellt, indem ich ein "c" und ein "i" in der Stichprobe zusammengedrückt habe.

compressing acompressing acompressing a

Jeder Buchstabe, den Sie erstellen, erzeugt mehr Buchstaben. Das "a" zum Beispiel führt zum "d".

Making the d from the aMaking the d from the aMaking the d from the a

Das "d" ist nicht der einzige Buchstabe, der von "a" stammt. Sie können auch möglicherweise das 'q', 'u', 'i' ableiten (wenn Sie mit einem 'a' anstelle eines 'i' begonnen haben), 'n', 'm', 'p', 'h', und einige mehr von 'a'. Es gibt unzählige Möglichkeiten, ein Alphabet abzuleiten, das mit einigen Beispielbuchstaben beginnt. Ein Weg wird unten gezeigt, beginnend mit einem "s", "a", "c", "e", "l", "o" und "r".

One possible derivation treeOne possible derivation treeOne possible derivation tree

Hier ist ein Beispiel für eine Schriftart, die ich mit allen 26 Buchstaben erstellt habe.

26 letters26 letters26 letters

5. Zusammenstellen einer funktionalen Schriftart

Zu diesem Zeitpunkt enthält die Schriftart ein vollständiges Alphabet, funktioniert jedoch kaum als Schriftart, da die Buchstaben nur auf der grundlegendsten Ebene zusammenarbeiten. Der nächste Teil dieses Tutorials konzentriert sich auf das Erstellen der erforderlichen Alternativen und das Programmieren der Schriftart, um die Buchstaben in einem ansprechenden Kursivskript zu verknüpfen.

Schritt 1

Ihre Buchstaben "b", "o", "v" und "w" weisen mit ziemlicher Sicherheit Striche auf, die höher enden als die anderen Buchstaben. Geben Sie Ihr Bestes, um diese vier Buchstaben wie bei den normalen Buchstaben zu standardisieren.

high lettershigh lettershigh letters

Schritt 2

Wenn einer dieser vier Buchstaben vorkommt, wird der nachfolgende Buchstabe nicht verknüpft, da sein Instroke niedriger ist als der Outstroke des vorherigen Buchstabens. Wir müssen eine Reihe alternativer Glyphen mit hohen Instrokes erstellen, die sich mit "b", "o", "v" und "w" verbinden können. Fügen Sie dazu zuerst 26 Glyphen-Slots zu Ihrer Schriftart hinzu, und zwar unter Codierung > Codierungs-Slots hinzufügen.

adding encoding slotsadding encoding slotsadding encoding slots

Die neuen Slots werden als Leerzeichen eingegeben, und Sie müssen sie sortieren, indem Sie zu Element > Andere Informationen > Umbenennen von Massenglyphen gehen.

naming glyphsnaming glyphsnaming glyphs

Geben Sie ihnen das Suffix "hoch" und ordnen Sie sie dem Alphabetblock zu, der mit "a" beginnt.

naming glyphs continuednaming glyphs continuednaming glyphs continued

Dadurch wird ein Block mit Slots mit den Namen "a.high", "b.high", "c.high" usw. erstellt. Kopieren Sie eine Kopie des Kleinbuchstabenalphabets und fügen Sie sie in diesen Block ein.

filling slotsfilling slotsfilling slots

Schritt 3

Geben Sie dem Glyphen "a.high" einen Instroke, der mit "b", "o", "v" und "w" in Verbindung steht.

modified a glyphmodified a glyphmodified a glyph

Schritt 4

Dies erzeugt ein geeignetes alternatives "a", das nach einem "b", "o", "v" oder "w" verwendet werden kann, aber es tut nichts, es sei denn, die Schriftart weiß, wann sie verwendet werden soll. Um die Schriftart anzuweisen, das "a.high" zu ersetzen, müssen wir eine Schriftartensuche erstellen (Element > Schriftinfo > Suche > Suche hinzufügen). Machen Sie es zu einer Single Substitution-Suche, aber legen Sie keine Funktionen fest. Ohne einen Funktionsumfang dient diese Suche als Liste gepaarter Glyphen für andere Suchvorgänge.

creating lookupcreating lookupcreating lookup

Fügen Sie dann der Suche eine Untertabelle hinzu. Verwenden Sie die Schaltfläche Standard mit Suffix, um die Liste automatisch mit Paarungen zu füllen, die auf den Glyphennamen basieren. Wenn die Schaltfläche nicht funktioniert, speichern Sie Ihre Schriftart, schließen Sie Fontforge, öffnen Sie sie erneut und versuchen Sie es erneut.

creating a lookup subtablecreating a lookup subtablecreating a lookup subtable

Schritt 5

Fügen Sie eine weitere Suche hinzu, eine kontextbezogene Verkettungssubstitution-Suche. Weisen Sie ihm die Calt-Funktion zu, die die Suche in der Schriftart „aktiviert“, wenn sie zum Eingeben von Text verwendet wird.

creating calt tablecreating calt tablecreating calt table

Fügen Sie eine Untertabelle hinzu und erstellen Sie darin zwei Klassen - eine mit "b", "o", "v", "w" und hohen Formen und die andere mit allen anderen Buchstaben, die nicht zur ersten Klasse gehören.

Fügen Sie am Anfang jeder Liste "void" oder "void2" ein, da Fontforge aus irgendeinem Grund nur ab dem zweiten Glyphen in jeder Klasse liest. Geben Sie für die Übereinstimmungsregel den Namen Ihrer ersten Klasse, eine Pipe, den Namen der zweiten Klasse und die Suche nach "Highlinks" in @<>-Form ein (Sie können das Menü "Suche hinzufügen" verwenden).

Was ist denn hier los? Die Suche nach Verkettungssubstitution durchläuft jeden von Ihnen eingegebenen Buchstaben und prüft, ob er Mitglied der Klasse 1 ist ("b" und Freunde). Wenn ein Mitglied der Klasse 2 (alle anderen Buchstaben) darauf folgt, wird in der Suche nach Highlinks nachgeschlagen und diese Glyphe durch die in Highlinks aufgeführte alternative Glyphe ersetzt. Auf diese Weise wird [b] [a] bei Eingabe zu [b][a.high].

creating calt rulescreating calt rulescreating calt rules

Schritt 6

Da Klassen disjunkt sein müssen, schlägt dies fehl, wenn Sie mehr als ein "b" oder eine Firma hintereinander haben. Wir berücksichtigen dies, indem wir eine zweite Untertabelle erstellen, wobei eine Klasse das "b", "o", "v", "w" und ihre hohen Formen enthält. Die Übereinstimmungsregel hat zweimal dieselbe Klasse, und bei der zweiten wird die Suche nach Highlinks angewendet. Diese Untertabelle sucht nach "b", gefolgt von anderen "b" (oder anderen Buchstaben in dieser Klasse) und führt dieselben Ersetzungen durch.

creating backup calt rulescreating backup calt rulescreating backup calt rules

Sie sollten jetzt zwei Untertabellen in der Calt-Suche haben.

two calt rulestwo calt rulestwo calt rules

Schritt 7

Sobald Sie im Bereich "Schriftinformationen" auf "OK" geklickt haben, sollten Sie die Suche im Metrikfenster in Aktion sehen können.

testing the fonttesting the fonttesting the font

Konvertieren Sie mit dem Metrikfenster als visuelle Hilfe den Rest der Buchstaben im High-Block in High-Instrokes.

designing high-instroke lettersdesigning high-instroke lettersdesigning high-instroke letters

Die hohen Verknüpfungen sollten im Metrikfenster reibungslos verbunden sein.

testing the fonttesting the fonttesting the font

6. Stilistisches Polnisch

Zu diesem Zeitpunkt ist die Schriftart technisch zu einer echten Kursivschrift geworden, da die Schriftart automatisch jede von Ihnen eingegebene Buchstabenkombination ligiert. Aber es ist noch einiges zu tun, damit es besser aussieht.

Schritt 1

Ganz oben auf der Liste der zu glättenden Probleme steht die Verknüpfung zwischen Buchstaben mit x-Höhe und aufsteigenden Buchstaben wie "h", "k" und "t". Wie Sie sehen können, können die Verknüpfungen etwas umständlich aussehen.

lumpy joinslumpy joinslumpy joins

Wir müssen dies beheben, indem wir einen weiteren alternativen Satz von Buchstaben erstellen, der ersetzt wird, wenn sie vor einem aufsteigenden Buchstaben auftreten. Nennen Sie diese wie die hohen Glyphen, außer geben Sie ihnen das Suffix .steep.

alternate steep glyphsalternate steep glyphsalternate steep glyphs

Erstellen Sie eine weitere nicht funktionierende Suche mit einer Untertabelle, die mit Paaren von regulären und steilen Glyphen gefüllt ist.

creating steep lookup and subtablecreating steep lookup and subtablecreating steep lookup and subtable

Schritt 2

Sie müssen auch alternative Versionen der Glyphen "h", "k" und "t" erstellen, um eine Verknüpfung mit den steilen Glyphen herzustellen (mit steilen Anschlägen). Es ist wahrscheinlich am einfachsten, drei Glyphen-Slots hinzuzufügen und sie über das Fenster Element > Glyphen-Info h.insteep, k.insteep und t.insteep zu benennen. Möglicherweise möchten Sie auch drei weitere Kopien dieser Glyphen erstellen, wenn mehr als ein "h" hintereinander auftritt, obwohl dies derzeit möglicherweise nicht funktioniert.

steep h k and tsteep h k and tsteep h k and t

Geben Sie ihnen natürlich ihre eigene Untertabelle.

h k and t subtableh k and t subtableh k and t subtable

Schritt 3

Als nächstes gehen wir in die Calt-Suche und fügen eine dritte Untertabelle hinzu, um unsere Verkettungsregeln festzulegen. Geben Sie in einer Klasse das 'h', 'k' und 't' und in der anderen den Rest des Alphabets ein, mit Ausnahme von 'h', 'k' und 't', da Klassen sein müssen disjunkt; und das "b", "o", "v" und "w", die als hohe Buchstaben keine steilen Striche haben können.

Die zweite Klasse (reguläre Buchstaben) steht an erster Stelle und wird mit der Steeplinks-Suche versehen. In der ersten Klasse wird die Suche nach Insteeplinks angewendet. Dies bedeutet, dass, wenn die Schriftart eine Kombination wie [a][h] erzeugt, [a] durch [a.steep] ersetzt wird, wie in der Untertabelle steeplinks angegeben, und [h] durch [h.insteep] ersetzt wird ], gemäß der Untertabelle insteeplinks. Dies erzeugt das übereinstimmende Paar [a.steep] [h.insteep].

steep link rulessteep link rulessteep link rules

Schritt 4

Dann gehen wir hinein und modifizieren die alternativen Glyphen tatsächlich, um steile Verbindungen zu haben. Es wird nützlich sein, hier einen dritten Satz von Richtlinien zu erstellen. Sie können das "h", "k" und "t" sowie das "b", "o", "v" und "w" überspringen, da sie unter unserer aktuellen Programmierung keine steilen Links bereitstellen können.

designing steep glyphsdesigning steep glyphsdesigning steep glyphs

Nach wie vor können Sie im Metrikfenster sehen, wie die Schrift funktioniert, und reibungslose Links entwerfen.

designing steep link glyphs continueddesigning steep link glyphs continueddesigning steep link glyphs continued

Dies sollte in den meisten Fällen zu reibungslosen Verknüpfungen führen. Es schlägt fehl, wenn mehrere aufsteigende Buchstaben in einer Reihe vorhanden sind. Theoretisch können Sie eine vierte Untertabelle in Calt erstellen, um ersetzte aufsteigende Buchstaben selbst zu ersetzen, obwohl dies aus irgendeinem Grund nicht funktioniert. Die Schriftart wird auf die alte, weniger glatte, aber immer noch verbundene Verknüpfung zurückgesetzt.

Es wird auch in Kombinationen wie "Fledermaus" mit einem hohen Buchstaben in Kombination mit einem steilen Buchstaben fehlschlagen. Theoretisch können Sie auch hier eine Untertabelle programmieren, die hohe Buchstaben durch Alternativen ersetzt, die sowohl hoch als auch steil sind Erfahrung, das funktioniert nicht.

Das Beste, was Sie tun können, ist jedoch sicherzustellen, dass die Untertabelle für steile Verknüpfungen unter den Untertabellen für hohe Verknüpfungen aufgeführt ist, wenn sie in Calt aufgeführt sind. Dieser Fallback-Mechanismus stellt sicher, dass die ersten beiden Untertabellen ihre wichtigeren Funktionen gegenüber der dritten ausführen können, falls ein Konflikt auftritt.

testing the fonttesting the fonttesting the font

Schritt 5

Ein weiteres wichtiges Problem kann behoben werden: Zusammenstoßen von Paaren wie "ti" und "th".

clashing ti and thclashing ti and thclashing ti and th

Der einfachste Weg, dies zu beheben, besteht darin, Ligaturen zu erstellen - benutzerdefinierte Ersetzungen für diese problematischen Buchstabenpaare. Ich habe sechs Ligaturen erstellt - eine "ti"-Ligatur und eine "th"-Ligatur sowie hohe und steile Varianten (denken Sie daran, sie zu den Suchlisten hinzuzufügen).

ligaturesligaturesligatures

Schritt 6

Ligaturen müssen in eine Schriftart mit einer Ligaturersetzung-Suche programmiert werden, die Sie zur Suchliste Ihrer Schriftart hinzufügen sollten. Markieren Sie es dlig (diskretionäre Ligatur). Da Calt wichtiger ist als die dlig-Suche, stellen Sie sicher, dass Calt zuerst in der Suchliste aufgeführt ist, damit es bei Konflikten Vorrang hat.

ligature lookupligature lookupligature lookup

Die Ligatursubstitution ist einfacher als die kontextbezogene Substitution. Sie erstellen lediglich eine Untertabelle, um die Ligaturen und die Buchstabenpaare aufzulisten, die sie ersetzen. Da dlig wirksam wird, nachdem Calt seine Sache getan hat, sollten die Quellglyphen diejenigen sein, die durch Calt ersetzt werden.

ligature rulesligature rulesligature rules

Sie sollten in der Lage sein, die Ligaturen in Aktion im Metrikfenster zu sehen.

testing ligaturestesting ligaturestesting ligatures

Schritt 7

Dies behandelt die Grundlagen zum Erstellen einer Kursivschrift. Eine vollständige Schriftart enthält viele andere Glyphen, einschließlich Akzente, Symbole, Großbuchstaben und andere. Einige dieser Glyphen müssen in die Link-Programmierung integriert werden, indem ihre Namen zu den verschiedenen Nachschlagetabellen hinzugefügt werden.

glyph tableglyph tableglyph table

Ein Wort der Warnung, wenn Sie Ihre Schriftart als tatsächliche Schriftartdatei (.ttf, .otf) über Datei > Schriftarten generieren exportieren. Ein Großteil der Programmierung, die wir der Schriftart hinzugefügt haben, wird in der exportierten Schriftartdatei gespeichert, es sei denn, Sie aktivieren das Kontrollkästchen OpenType im Fenster Optionen. Es gibt einige andere Verwaltungsaufgaben, die Sie ausführen sollten, bevor Sie Ihre Schrift exportieren, die bei digitalen Schriftarten Standard sind:

  1. Entfernen Sie alle Überlappungen (wählen Sie alle Glyphen mit Strg-A, Element > Überlappung > Überlappung entfernen aus).
  2. Runden Sie alle Koordinaten auf Ganzzahlen (wählen Sie alle Glyphen aus, Element > Runden > Auf Int).
  3. Lassen Sie die äußeren Konturen im Uhrzeigersinn laufen (wählen Sie alle Glyphen aus, Element > Richtige Richtung).
saving a fontsaving a fontsaving a font

Herzlichen Glückwunsch, Sie sind fertig!

Sie wissen jetzt, wie Sie einen wirklich kursiven Typ entwerfen, der einfach funktioniert, wenn Sie ihn in einer App verwenden. Eine solche Schriftart ist nicht immer erforderlich - Handschrift darf nicht vergessen werden! Aber es ist sicherlich eine nützliche und unterhaltsame Sache, und die Möglichkeiten der OpenType-Programmierung sind endlos. Viel Spaß beim Erstellen von Schriften!

using the font in Inkscapeusing the font in Inkscapeusing the font in Inkscape

Die in der zweiten Hälfte dieses Tutorials als Beispiel verwendete Schriftart ist In Screaming Color, eine von mir entworfene Kursivschrift, die auf dafont.com zu finden ist.

One subscription.
Unlimited Downloads.
Get unlimited downloads