Demonstration of (continuously) variable fonts using Work Sans by Wei Huang. Any resemblance to the logo of the Ludwig Maximilian University of Munich is purely coincidental.
Demo is available at https://just-max.github.io/variable-font-demo/.
We can use a variable font such as Work Sans and adjust the weight (wght) variation axis to continuously vary the line weight of the glyphs.
A useful tool for checking what a font can do is https://wakamaifondue.com/.
Copyright 2019 The Work Sans Project Authors. Licensed under the terms of the SIL Open Font License, Version 1.1. This licence is copied in OFL.
The remaining files are licensed under the Mozilla Public License, Version 2.0. This licence is copied in LICENCE.
- All two icons on the page are from Material Icons
- For adapting the bottom margin to the descender height opentype.js is used to parse the font file.
- Sliders are made with noUiSlider.
- For splitting text into graphemes (and avoid splitting combining characters from the character they modify) we use grapheme-splitter.