system-fonts / modern-font-stacks

System font stack CSS organized by typeface classification for every modern operating system
https://modernfontstacks.com
Creative Commons Zero v1.0 Universal
2.77k stars 40 forks source link

Variable fonts? #27

Open argyleink opened 4 months ago

argyleink commented 4 months ago

Be cool to have variable font options too: a stack of variable font names for a few categories.

danklammer commented 2 months ago

@argyleink I like this idea. Right Now, I know of only two variable system fonts: San Francisco on macOS and Bahnschrift on Windows.

I have explored using variable adjusted San Francisco as an option for the Industrial font stack awhile back: https://codepen.io/danklammer/pen/yLxQrZQ/11499476a36d92c60b695da5c8111fee

I ended up opting for simplicity, keeping each font stack as a single-line font-family declaration. I think it's a good idea to show in the documentation on how you can customize each font stack (variable font adjustments or adjusting weights). I'll plan on adding this to the documentation.