paulcalvano.com
Identifying Font Subsetting Opportunities with Web Font Analyzer
13+ min · · 10 years ago, custom web fonts were a niche feature used by ~10% of websites. Today they are used by over 83% of websites! Fonts are generally loaded as a high priority resource, and some sites use… · Shared by 9, including Marius Bleuer
modernfontstacks.com
Modern Font Stacks
8 min · · System font stack CSS organized by typeface classification for every modern OS. The fastest fonts available. No downloading, no layout shifts, no flashes — just instant renders. · Shared by 43, including Marius Bleuer, Ferit (at 🏠) 🌙, Stef Walter, Chris Heilmann codepo8@toot.cafe, Bruce Lawson, zeldman
freefaces.gallery
Free Faces
· This website is a curated collection of typefaces that are available under a variety of free licences somewhere on the interwebs. · Shared by 30, including Adham Dannaway, Marius Bleuer, Moses, David Hellmann
Chrome Developers
Adapting typography to user preferences with CSS
5 min · · A method to adapt a font to your users' preferences, so they're maximally comfortable reading your content. · Shared by 138, including Marius Bleuer, 6clicks | John Robert-Nicoud
systemfontstack.com
systemfontstack
1 min · · Fast No network request, no time to parse a font, no flash of an incorrect font. Styles & unicode System fonts have lots of styles and broad language coverage, unlike many webfonts. Familiarity Web… · Shared by 13, including Marius Bleuer
screenspan.net
Fallback Font Generator
· Reduce Cumulative Layout Shift (CLS) by adjusting web fonts and system font fallbacks using @font-face · Shared by 36, including Marius Bleuer, Stef Walter
min-max-calculator.9elements.com
Min-Max-Value Interpolation
· A tool that calculates the CSS clamp formula to interpolate between two values in a given viewport range. · Shared by 31, including Elijah Manor, Chris Coyier, Marius Bleuer
figmadesign
Variable fonts support in Figma
1 min · · Variable fonts support in Figma allows you to broaden the possibilities of your designs and typography with a wide range of font styles and features. · Shared by 30, including jennifer daniel, Marius Bleuer
dnip.ch
Welche Schweizer eBanking-Lösungen Ihre Bankenbeziehung an Google weiterverraten
4 min · · Vor rund einem Monat veröffentlichten wir gemeinsam mit Informatiker und Netzaktivist Simon Gantenbein die Postfinance-Recherche für die Republik. Gantenbein · Shared by 12, including Adrienne Fichter, Marius Bleuer
youtube.com
Don’t Believe The Type!
· Are “accessible” fonts actually as accessible as they claim? If not, what are the things we need to know when choosing a font that responds to different read... · Shared by 8, including Marius Bleuer
fonts.google.com
Fonts Knowledge – Google Fonts
· Welcome to our library of original guides to the world of typography, which the Google Fonts team is producing in collaboration with typographic experts from around the world. Google Fonts Knowledge enables designers and developers of all skill sets to choose and use type with purpose. · Shared by 224, including Stef Walter, Jonas Hartmann, Oscar MacDonald, Benoist Lawniczak, Mike Taylor, Boris Périsset, Katja Evertz, Mike Kus, Nick Floro, Michael Zumstein, Marius Bleuer, Brad Frost, Adham Dannaway
twitter.com
Addy Osmani
· We’ve detected that JavaScript is disabled in this browser. Please enable JavaScript or switch to a supported browser to continue using twitter.com. You can see a list of supported browsers in our… · Shared by 8, including Marius Bleuer
UX Collective
Twitter’s new font and Last of Us 2: an accessibility lesson to be learned
11+ min · · How does an accessibility update make the product less accessible for some users? · Shared by 54, including Jonathan Hassell, Marius Bleuer, Nick Floro, Neil Lee, Easy Chirp, Stef Walter, Paul J. Adam
Smashing Magazine 🇺🇦 🏳️🌈
A New Way To Reduce Font Loading Impact: CSS Font Descriptors — Smashing Magazine
7 min · · Web fonts are often terrible for web performance and none of the font loading strategies are particularly effective to address that. Upcoming font options may finally deliver on the promise of making… · Shared by 36, including David Hellmann, Joe Lencioni, CSS Weekly, Marius Bleuer
simonhearne.com
How to avoid layout shifts caused by web fonts
15+ min · · One of the biggest causes of layout shifts for my clients is late-loading web fonts, let's look at how to optimise them! · Shared by 78, including mastodon.social/@renestalder, Veerle Pieters, Chris Heilmann codepo8@toot.cafe, Marius Bleuer, Benoist Lawniczak
calendar.perfplanet.com
A font-display setting for slow connections
15+ min · · Swap? Fallback? Optional? Which font-display setting should you pick? Let Matt walk you through the considerations. · Shared by 9, including Marius Bleuer