Mona Sans & Hubot Sans
Two new lovely open source variable fonts from Github.
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
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.