Volumetrics-io / mrjs

An extensible WebComponents library for the Spatial Web
https://mrjs.io
MIT License
148 stars 9 forks source link

Support "font-variation-settings" for variable fonts #81

Open lobau opened 8 months ago

lobau commented 8 months ago

A lot of fonts these days are variable (some example here) https://v-fonts.com/

It requires the font-variation-settings CSS variable to change things like optical size, width, weight, and much more.

For example, the volumetrics logo uses those parameters for Bricolage Grotesque

font-variation-settings: 'opsz' 100, 'wght' 800;

lobau commented 2 months ago

would still like to see this one at some point, as our brand fonts are all variable 👀