Variable Schriftarten von Adobe Fonts nutzen

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.

 

Variable Schriftarten von Adobe Fonts durchsuchen

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. 

Grafische Benutzeroberfläche und Anwendungsbeschreibung werden automatisch generiert
Acumin Pro, eine statische Schriftart mit mehr als 18 einzelnen Schnitten, die jeweils hinzugefügt werden müssen, um sie verwenden zu können. Alternativ verfügt Acumin Variable über Achsen für Neigung, Schriftstärke und Breite, die Sie mit der Hinzufügung einer einzigen Schriftart anpassen können.

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.  

Grafische Benutzeroberfläche und Anwendungsbeschreibung werden automatisch generiert

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.  

Grafische Benutzeroberfläche und Anwendungsbeschreibung werden automatisch generiert

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. 

Grafische Benutzeroberfläche und Anwendungsbeschreibung werden automatisch generiert

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.  

Eine Person, die in die Kamera lächelt

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. 

Eine Werbetafel mit einer Stadt im Hintergrund
Acumin Variable wird verwendet, um eine visuelle Hierarchie zu erstellen

Ein Bild mit Text, Toilettenartikeln, Lotion
Die Größenachsen für Schriftstärke und Optik von Minion Variable werden verwendet, um eine visuelle Hierarchie zu erstellen

Variable Schriftarten glänzen durch einen besseren Zeilenumbruch in der Absatzausrichtung. Insbesondere die Breitenachse ermöglicht einen effizienteren und optisch ansprechenderen Wortabstand.  

Textbeschreibung
Die Breitenachse von Kepler Variable wird verwendet, um durch die Absatzausrichtung sichtbare Lücken zu reduzieren. Die roten Rechtecke zeigen den Platz, der innerhalb jedes Satzes reduziert wurde.

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. 

Ein Bild mit Text, Buchse, Screenshot
Variable Schriftarten sind in einer Schriftartdatei enthalten, wodurch sie schneller im Internet geladen werden können

Diagramm und Textbeschreibung werden automatisch generiert
Variable Schriftarten können auf Websites verwendet werden, um den Typ anzupassen, wenn sich die Bildschirmgröße ändert

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. 

Ein Bild, das eine Form enthält
Die Bewegung variabler Schriftarten durch den Wertebereich einer Achse ermöglicht eine Animation

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


Zusätzliche Ressourcen 

Schneller und einfacher Hilfe erhalten

Neuer Benutzer?