Mona Sans & Hubot Sans
Two new lovely open source variable fonts from Github.
Silly hover effects and the future of web typography – Pixelambacht
These experiments with transitioning variable font styles on hover might be silly, but I can see the potential for some beautiful interaction design.
Related links
Fontshare: Quality Fonts. Free.
A whole lotta nice fonts—most of them variable fonts—from Indian Type Foundry.
Manrope – free sans-serif variable font
This font is a crossover of different font types: it is semi-condensed, semi-rounded, semi-geometric, semi-din, semi-grotesque. It employs minimal stoke thickness variations and a semi-closed aperture.
What Can You Put in a CSS Variable? / Coder’s Block
A reminder that the contens of custom properties don’t have to be valid property values:
From a syntax perspective, CSS variables are “extremely permissive”.
Times New Arial
Ever wanted to set some text in 70% Times New Roman and 30% Arial? Me neither. But now, thanks to variable fonts, you can!
Related posts
Inlining SVG background images in CSS with custom properties
A clever technique I learned from Trys.
CSS custom properties in generated content
They said it couldn’t be done.
Tunes and typefaces
Balancing distinction and harmony.
Tweaking navigation sizing
Sometimes a consistent interface doesn’t reflect the reality of usage.
Variable fonts
The future of typography is here.