Variable Schriftarten sind eine hochgradig anpassbare Font-Technologie. Im Bedienfeld für variable Schriftarten von Adobe Fonts können Sie das Erscheinungsbild variabler Schriftarten anpassen und den besten Schnitt für Ihre Projekte auswählen. Creative Cloud-Apps, die derzeit variable Schriftarten unterstützen, sind Photoshop, InDesign und Illustrator.
Was sind variable Schriftarten?
Variable Schriftarten verwenden eine einzige Datei, um viele Schriftschnitte zu speichern, im Gegensatz zu statischen Schriftarten, die separate Dateien für jeden verfügbaren Schnitt verwenden. Dadurch können Sie einen Wert für jede Designachse einer Schriftart angeben, wodurch Sie eine Kontrolle über das Erscheinungsbild der Schriftart erhalten, die mit statischen Schriftarten nicht möglich ist.
Bei herkömmlichen statischen Schriftarten müssen Sie jeden einzelnen Schnitt, den Sie in Ihrem Projekt verwenden möchten, hinzufügen bzw. installieren. Bei Acumin Pro würden Sie beispielsweise Acumin Pro Regular, Acumin Pro Italic und alle anderen Schnitte hinzufügen, auf die Sie zugreifen möchten. Acumin Variable enthält alle Schnitte von Acumin, sodass Sie nur eine Schriftart hinzufügen müssen.
Jede Konfiguration einer variablen Schriftart wird als Instanz bezeichnet. Instanzen sind vorgegebene Stile, die für den schnellen Zugriff erstellt wurden. Das oben abgebildete Fenster für variable Schriftarten zeigt, dass Acumin Variable auf eine Standardinstanz eingestellt ist – eine vordefinierte Einstellung, auf die alle variablen Schriftarten vor der Anpassung zurückgreifen.
Weiter unten im Bedienfeld befinden sich die Achsensteuerungen. Achsen stellen eine nahtlose Folge von Schnittvarianten dar. Eine variable Schrift kann mehrere Achsen enthalten. Sie können eine Achse auf eine beliebige Zahl innerhalb des Bereichs zwischen Minimum und Maximum anpassen. Beim Beispiel der Acumin-Variablen sind dies die Achsen Neigung, Stärke und Breite.
So verwenden Sie variable Schriftarten auf der Adobe Fonts-Website
Die Detailseite jeder Familie für variable Schriftarten auf der Adobe Fonts-Website enthält ein interaktives Textwerkzeug und ein Bedienfeld, mit dem Sie die Schriftart an Ihren gewünschten Stil anpassen können. Sie können eine voreingestellte Instanz auswählen, um sie schnell zu bearbeiten oder Ihre eigene zu erstellen.


Variable Schriftart einem Webprojekt hinzufügen
Um eine variable Schriftart in Ihrem Webprojekt zu speichern, wählen Sie auf der Seite der Schriftfamilie, oberhalb des Bereichs mit variablen Schriftarten, den Eintrag Zum Webprojekt hinzufügen. Stellen Sie sicher, dass die richtige Schriftart ausgewählt ist; einige variable Schriftarten haben innerhalb der Familie zusätzliche Schriftarten.
Wählen Sie unten im Bedienfeld CSS kopieren, um den Code abzurufen, welcher der von Ihnen erstellten benutzerdefinierten Instanz entspricht. Der Code stellt eine Standardinstanz dar, wenn keine benutzerdefinierten Einstellungen vorhanden sind.
Sie können die Browser-URL nach dem Anpassen einer variablen Schriftart mit einem Lesezeichen versehen, um Ihre letzten benutzerdefinierten Einstellungen später erneut aufzurufen, oder Sie können URL kopieren auswählen, um Ihre Konfiguration zu teilen oder zu speichern.
Variable Schriftarten in Verwendung
Dank der Anpassbarkeit variabler Schriftarten sind sie perfekt für eine Vielzahl von Anwendungen geeignet, von digitalen Grafiken bis hin zu Produktverpackungen oder sogar Fahrzeugfolierung. Durch Anpassen der Breite kann eine Schrift so angeordnet werden, dass sie auch auf unregelmäßigen Oberflächen noch lesbar ist.
Kreative variable Schrifteinstellungen können eine Markenpersönlichkeit hervorheben oder lange Titel ermöglichen, die oft nicht unter Grafiken im unteren Drittel passen.
Achsen für Neigung, Schriftstärke und Breite dienen der Anpassung von Obvious Variable an die Autotürverkleidungen. Acumin Variable wird für lange Titel im unteren Drittel verwendet.
Sie können variable Schriftarten verwenden, um eine visuelle Hierarchie auf Werbetafeln und Postern zu erstellen, oder die variable Schriftart an winzige Zwischenräume und ungewöhnliche Formen im Verpackungsdesign anpassen.
Variable Schriftarten glänzen durch einen besseren Zeilenumbruch in der Absatzausrichtung. Insbesondere die Breitenachse ermöglicht einen effizienteren und optisch ansprechenderen Wortabstand.
Die variablen Schriftarten funktionieren besonders gut im responsiven Webdesign. Eine variable Schriftart kann verwendet werden, um auf kleinen wie auf großen Bildschirmen gut auszusehen, so dass eine kleine Dateigröße beibehalten und die Ladezeit verkürzt werden kann.
Code-Snippets können Ihrem CSS hinzugefügt werden, um variable Schriftarten zu animieren oder zu erreichen, dass sie auf Audio, Umgebungslicht oder Computersystem-Themen reagieren. Die Achsen variabler Schriftarten erleichtern auch deren Animation.


Schriftdesigner suchen weiterhin nach neuen Wegen, um mit dieser Schrifttechnologie zu interagieren und innovativ zu sein.