Variable Fonts animieren ist gar nicht so schwierig. Martin Grödl vom Wiener Designstudio Process zeigt, wie es geht!
Gegenüber statischen Schriften bieten Variable Fonts einige Vorteile: Parameter wie Strichstärke, Neigungswinkel oder Breite der Buchstaben lassen sich über die entsprechenden Achsen per Schieberegler stufenlos einstellen – und so für jedes Layout anpassen. Vor allem im Web zeigen variable Schriften ihre Stärke, etwa indem man die Typografie proportional anlegt, sodass sie auf jedem Screen in der jeweils besten Größe erscheint. Darüber hinaus kann man Variable Fonts mittels HTML und CSS, aber auch in JavaScript animieren.
1. Schrift einbinden