Mona Sans & Hubot Sans
Two new lovely open source variable fonts from Github.
Dark mode and variable fonts | CSS-Tricks
This is such a clever use of variable fonts!
We can use a lighter font weight to make the text easier to read whenever dark mode is active.
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.
CSS { In Real Life } | Quick Tip: Style Pseudo-elements with Javascript Using Custom Properties
Oh, this is smart! You can’t target pseudo-elements in JavaScript, but you can use custom properties as a proxy instead.
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”.
Related posts
CSS custom properties in generated content
They said it couldn’t be done.
Tweaking navigation sizing
Sometimes a consistent interface doesn’t reflect the reality of usage.
Variable fonts
The future of typography is here.
Billboards and Novels by Jon Tan
Liveblogging Jon’s talk at An Event Apart in Atlanta.
Assumption
Separate your concerns.