Mona Sans & Hubot Sans
Two new lovely open source variable fonts from Github.
Upcoming changes to the CSS you need for variable fonts | Clagnut
Rich enumerates some changes in how you set up variable fonts. So if you’re pulling in a font that has weight as an axis, you can now add this to your @font-face rule:
font-weight: 1 999;
I’m already very excited about variable fonts—I’m going to be positively giddy by the time Ampersand rolls around (which, by the way, you should totally go to—it’s going to be sooo good!).
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.
Billboards and Novels by Jon Tan
Liveblogging Jon’s talk at An Event Apart in Atlanta.
content-visibility in Safari
Safari 18 supports `content-visibility: auto` …but there’s a very niche little bug in the implementation.
Schooltijd
Going back to school in Amsterdam.