Sie brauchen: FontCreator (Windows oder macOS) und zwei fertige, kompatible statische Schriften derselben Familie — zum Beispiel eine Regular und eine Bold.
Eine variable Schrift ist eine einzige Datei mit einer oder mehreren Achsen (zum Beispiel Gewicht oder Breite), über die sich dank Interpolation ein stufenloser Bereich an Stilvarianten nutzen lässt. Diese Anleitung zeigt, wie Sie im Font-Editor von FontCreator aus zwei vorhandenen nicht variablen Schriften eine variable Schrift bauen, die Interpolation ansehen, die Kompatibilität korrigieren und Named Instances exportieren. Die Seite ist zugleich der Ausgangspunkt für die übrigen Anleitungen zu variablen Schriften — siehe die Übersicht am Ende.
Die Idee variabler Schriften gibt es seit Jahrzehnten, in die OpenType-Spezifikation wurde sie aber erst 2016 aufgenommen. FontCreator kann eine variable Schrift exportieren und außerdem jeden vordefinierten Stil (Named Instance) mit einem Klick, sodass Sie schneller Schriften erstellen.
Wir gehen davon aus, dass Sie bereits eine Regular- und eine Bold-Version einer Schriftfamilie erstellt haben. Öffnen Sie zum Start beide in FontCreator.
Weight-Achse
Da wir zwei Schriften mit unterschiedlichem Gewicht kombinieren, brauchen wir eine Weight-Achse.
- Aktivieren Sie den Stil Regular.
- Öffnen Sie das Panel Schriftarteigenschaften.
- Wechseln Sie zur Registerkarte Axes.
- Klicken Sie auf das Symbolleisten-Symbol [+] und wählen Sie Weight.
Das Panel Schriftarteigenschaften auf der Registerkarte Axes, wo über das Symbolleisten-Symbol [+] eine Weight-Achse hinzugefügt wird.
Bold-Master
Wählen Sie im Panel Schriftarteigenschaften die Registerkarte Masters. Klicken Sie auf das Symbolleisten-Symbol [+] und wählen Sie die Bold-Schrift. Damit werden alle Glyphenkonturen der Bold-Schrift als zweiter Master in diese Schrift kopiert.
Aktualisieren Sie nun die Achsenstandort für beide Master. Wählen Sie den Regular-Master und setzen Sie die Position auf 400. Wählen Sie den Bold-Master und setzen Sie ihn auf 700.
An diesem Punkt haben Sie bereits eine variable Schrift. Gut gemacht.
> Hinweis: Ihnen wird wahrscheinlich auffallen, dass im Panel Schriftartenübersicht bei mehreren Glyphen plötzlich eine rote Kopfzeile erscheint. Das kennzeichnet Glyphen mit Kompatibilitätsproblemen — die Interpolation scheitert dort, bis sie behoben sind. Weiter unten gehen wir unter Kompatibilitätsprobleme darauf ein.
Erster Eindruck — die Interpolation ansehen
Neugierig auf das Ergebnis? Wir auch.
Öffnen Sie das Panel Variationen, um die Weight-Achse zu nutzen. Ist es nicht sichtbar, wählen Sie View → Panels im Hauptmenü und achten darauf, dass Variationen aktiviert ist — oder drücken Sie Ctrl+F7 zum Umschalten.
Im Panel Variationen sehen Sie jede Position zwischen Ihren Mastern. Ziehen Sie den Schieberegler Weight, und die Konturen interpolieren automatisch.
Ein weiteres Panel hilft hier: Master und Ebenen. Ist es nicht sichtbar, wählen Sie View → Panels → Master und Ebenen oder drücken Sie Ctrl+F6. Mit diesem Panel wechseln Sie zwischen den vorhandenen Mastern — wichtig, denn Glyphen-Konturebenen gehören immer zu einem Master. Wenn Sie die Regular-Kontur anpassen wollen, wählen Sie zuerst den Regular-Master.
Das Panel Variationen mit dem Weight-Schieberegler in Mittelstellung und einer interpolierten Glyphe zwischen Regular und Bold.
Die Webschrift testen
Mit dem Weight-Schieberegler zu spielen ist schön, aber funktioniert es auch außerhalb von FontCreator?
Wählen Sie im Hauptmenü Font → Test Web-Schriftart (oder drücken Sie Ctrl+F5). FontCreator exportiert die variable Schrift zusammen mit einer Webseite und öffnet sie im Standardbrowser, sodass Sie prüfen können, ob die Interpolation in einer echten Umgebung funktioniert.
Kompatibilitätsprobleme
Interpolation funktioniert nur, wenn die Konturebenen kompatibel sind. Für jede Glyphe müssen die Konturebenen die gleiche Anzahl Konturen in derselben Reihenfolge und mit der gleichen Anzahl Punkte haben. Bei zusammengesetzten Glyphen müssen die Bestandteile übereinstimmen.
Damit FontCreator die grundlegenden Probleme behebt:
- Markieren Sie alle Glyphen im Panel Schriftartenübersicht.
- Klicken Sie oben im Panel Master und Ebenen auf die Symbolleisten-Schaltfläche Fix.
Wahrscheinlich haben einige Glyphen weiterhin Probleme. Passen Sie diese Konturen von Hand an:
- Doppelklicken Sie auf eine Glyphe, um sie in einem Glyph-Panel zu öffnen. Das Panel Master und Ebenen zeigt nun Hinweise auf die Art des Kompatibilitätsproblems.
- Aktivieren Sie die Symbolleisten-Schaltfläche Show compatibility issues (ebenfalls im Panel Master und Ebenen), damit Sie genau sehen, was korrigiert werden muss.
Eine Glyphe im Glyph-Panel mit aktiviertem Show compatibility issues, während das Panel Master und Ebenen die Abweichung auflistet.
Alle Kompatibilitätsprobleme müssen behoben werden, sonst erhalten Sie eine Schrift mit Glyphen, die nicht korrekt interpolieren. Die Kompatibilität sorgfältig herzustellen ist der Kern einer funktionierenden variablen Schrift — dazu gibt es eine eigene Anleitung, siehe Übersicht unten.
Benannte Instanzen
Holen Sie das Meiste aus Ihrer variablen Schrift heraus, indem Sie Named Instances aufnehmen. Named Instances stellen Anwendungen, die variable Schriften unterstützen, bekannte Stile wie Regular, Medium und Bold bereit. Für den verlässlichen Einsatz in Anwendungen ohne Unterstützung variabler Schriften exportieren Sie die benötigten Instanzen als einzelne statische Schriften.
Wechseln Sie im Panel Schriftarteigenschaften zur Registerkarte Instances. Aktualisieren Sie die Achsenposition der Default-Instanz (400) und fügen Sie weitere Instanzen mit den Gewichten 500, 600 und 700 hinzu, jede mit einem eigenen Style Name.
Auch wenn es für die variable Schrift selbst nicht nötig ist, geben Sie zusätzlich korrekte Werte für Gewichtsklasse und Breite Klasse an. Sie sind wichtig, wenn Sie diese Instanzen als nicht variable Schriften exportieren — Sie bekommen sie also fast gratis.
Achsenwerte
Noch etwas, das sich lohnt: Geben Sie bestimmten Positionen auf einer Achse (oder einer Achsenkombination) Namen. Fügen Sie Achsenwerte hinzu, die zu den Achsenpositionen Ihrer Named Instances passen — also 400, 500, 600 und 700. Aktivieren Sie außerdem Elidable axis value name für den Achsenwert Regular (400), da dieser das normale Gewicht darstellt.
Die variable Schrift exportieren
Wenn die Master kompatibel sind und die Instanzen definiert, exportieren Sie die Schrift selbst. Öffnen Sie Schriftart-Export-Einstellungen, setzen Sie Export auf Variable font und wählen Sie Ihr Umrissformat — für die breiteste Kompatibilität TrueType-Konturen. Wählen Sie CFF2 nur, wenn Sie bewusst PostScript-/kubische Konturen wollen und Ihre Zielsoftware CFF2 unterstützt. Exportieren Sie und testen Sie die Datei dann in Ihren Zielanwendungen — und nutzen Sie wie oben Test Web-Schriftart für eine schnelle Prüfung im Browser.
> Tipp: Führen Sie Test Web-Schriftart nach jeder Runde Kompatibilitätskorrekturen erneut aus. So finden Sie am schnellsten eine Glyphe, die in der Vorschau von FontCreator sauber interpoliert, sich in einem echten Renderer aber falsch verhält.
Problembehebung
| Symptom | Wahrscheinliche Ursache | Lösung |
|---|---|---|
| Rote Kopfzeile bei Glyphen in Schriftartenübersicht | Die Konturebenen sind nicht kompatibel | Alle Glyphen markieren, Fix anklicken, den Rest von Hand korrigieren |
| Der Variationen-Schieberegler tut nichts | Das Panel Variationen ist ausgeblendet, oder es wurde kein zweiter Master hinzugefügt | Panel Variationen einblenden (Ctrl+F7) und den Bold-Master samt Achsenposition prüfen |
| Eine Glyphe verzerrt in der Mitte des Reglers | Punktreihenfolge oder Punktanzahl unterscheiden sich zwischen den Mastern | Glyphe öffnen, Show compatibility issues aktivieren und die Konturen abgleichen |
| Named Instances fehlen in anderen Programmen | Die Instanzen sind nicht definiert, oder die Achsenpositionen sind falsch | Instanzen auf der Registerkarte Instances mit korrekten Achsenpositionen hinzufügen |
Häufig gestellte Fragen
Brauche ich zum Start getrennte Schriften, oder kann ich Master in einer Datei zeichnen? Beides geht. Diese Anleitung kombiniert zwei vorhandene statische Schriften; Sie können Achsen und Master aber auch in einer einzigen Datei anlegen und jeden Master direkt zeichnen.
Was bedeutet „kompatibel“ bei der Interpolation? Die Master jeder Glyphe müssen dieselbe Konturanzahl, Konturreihenfolge und Punktanzahl haben (und bei zusammengesetzten Glyphen passende Bestandteile). Andernfalls kann diese Glyphe nicht interpolieren.
CFF2- oder TrueType-Konturen für eine variable Schrift? Für breite Kompatibilität wählen Sie TrueType-Konturen. CFF2 ist die kompakte kubische/PostScript-Variante, setzt aber CFF2-fähige Software voraus und ist weniger geeignet, wenn Sie ältere oder breitere Unterstützung brauchen.
Warum Named Instances hinzufügen, wenn die Schrift variabel ist? Anwendungen mit Unterstützung für variable Schriften zeigen Named Instances als bekannte Stile wie Regular, Medium und Bold. Software ohne diese Unterstützung nutzt nur die Default-Instanz — exportieren Sie die benötigten Stile daher als einzelne statische Schriften für den verlässlichen Einsatz in älteren Programmen.
Wie sehe ich ein Gewicht vor dem Export an? Nutzen Sie den Weight-Schieberegler im Panel Variationen und wählen Sie Font → Test Web-Schriftart (Ctrl+F5), um zu prüfen, ob es im Browser funktioniert.
Was Sie als Nächstes lesen können
Diese Seite ist der Ausgangspunkt für variable Schriften in FontCreator. Von hier aus:
- Kompatibilität zwischen Mastern korrigieren — Glyphen mit roter Kopfzeile beheben, damit jede Glyphe saubere Interpolation liefert. Beginnen Sie hier, wenn Fix nicht alles erwischt hat.
- Named Instances und statischer Export — Instanzen definieren und als einzelne statische Schriften für ältere Programme exportieren.
- Variable Schriften subsetten — liefern Sie eine kleinere Datei, indem Sie nicht benötigte Glyphen und Achsenbereiche weglassen.
- Glyphen mit Feature Variationen tauschen — tauschen Sie Glyphenformen an bestimmten Stellen einer Achse (zum Beispiel ein kräftigeres Komma bei hohen Gewichten).
- Variables kontextuelles Kerning — lassen Sie das Kerning selbst über den Design Space variieren.
