Pavilion Bosio Website with Variable Font
The Pavilion Bosio in Monaco is home of the École supérieure d’arts plastiques. For the corresponding website, the designers at Studio Fables used a variable version of Halvar to emulate the Dada art movement from the early 20th century.
![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)
With help of some jQuery, Studio Fables split each letter in the headlines into single <span> elements in order to access the CSS font-variation-settings “weight” and “width”.
![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)
Besides the switch between French and English, there is a dark mode too.
![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)