Website des Pavillon Bosio mit Variable Font
Für den Pavillon Bosio in Monaco – die Residenz der École supérieure d'arts plastiques – nutzen die Designer von Studio Fables eine Variable Font Version der Halvar, um Gewicht und Breite der Schrift zu animieren.
![Type Mates Fonts In Use Pavillon Bosio Website Studio Fables 00 Halvar Variable Font](https://www.typemates.com/public/_original2200/TypeMates-FontsInUse-PavillonBosioWebsite-StudioFables-00-HalvarVariableFont.jpg)
Mit Hilfe von some jQuery zerlegte Studio Fables in den Überschriften jeden Buchstaben von Halvar Variable in einzelne <span>-Elemente, um über die font-variation-settings »Gewicht« und »Breite« zuzugreifen, sie zu formatieren und zu animieren.
![Type Mates Fonts In Use Pavillon Bosio Website Studio Fables 02 Halvar Variable Font](https://www.typemates.com/public/_original2200/TypeMates-FontsInUse-PavillonBosioWebsite-StudioFables-02-HalvarVariableFont.png)
Neben dem Wechsel zwischen französischer und englischer Sprache gibt es auch einen Dark Mode.
![Type Mates Fonts In Use Pavillon Bosio Website Studio Fables 03 Halvar Variable Font](https://www.typemates.com/public/_original2200/TypeMates-FontsInUse-PavillonBosioWebsite-StudioFables-03-HalvarVariableFont.png)
![Type Mates Fonts In Use Pavillon Bosio Website Studio Fables 04 Halvar Variable Font](https://www.typemates.com/public/_original2200/TypeMates-FontsInUse-PavillonBosioWebsite-StudioFables-04-HalvarVariableFont.png)
![Type Mates Fonts In Use Pavillon Bosio Website Studio Fables 05 Halvar Variable Font](https://www.typemates.com/public/_original2200/TypeMates-FontsInUse-PavillonBosioWebsite-StudioFables-05-HalvarVariableFont.png)