A JS snippet to add a feature to hand pick characters for subsetting with Glyphhanger. You click around and get a command generated that looks like: . $ glyphhanger --format=woff2 --subset="font.otf" --whitelist="U+0025,U+0026.

RT @thejsnation: Our interview episodes with top guests are back — now with the iconic NYC skyline🏙️. Catch the one with🎙️@stoyanstefanov —….

A chat with @stolinski of @syntaxfm with a nice NYC backdrop at @thejsnation.

Started playing with ABC music notation and ABCjs library. Here's a helper/lookup/test page with a list MIDI and ABC notation of the 88 keys of a piano.

(One step closer to absolute pitch training: when I hear a random car beep I can check the pitch, wohoo!).Also most of the 55K is the one embedded c4.mp3 sample used for playback.

My one-55k-unzipped-html-file is now a functioning PWA so I can have an offline, unobtrusive (no tracking, no in-app purchases, etc) piano keyboard even on iOS.

My first blog post was 2005. I just counted the number of broken external links: 584 out of 2808 (20%), that's a bit excessive. Some are not really broken, e.g. chatgpt gives a 403 to my cURL request, webpagetest gives me 429. But still, wowzers, a lot of dead bodies in 20 years.

"Which local fonts can I use?" writeup, official docs and a web app to gather field data so we can have an authoritative answer to this question now and in the future

I have access to browserstack so I'll gather the data for many-a-OS but you can help especially if you have access to weird OSes. Please go to and follow the instructions. The code for this page and the data lives on github

Hello font-fancying folks, I'd like to gather data (and then release it in a form similar to caniuse) about the pre-installed fonts on each OS. The tool to gather the data (using queryLocalFonts, so Chrome-only) is an example data:

My attempt at clarifying what we mean when we say font, font-family, font-face, typeface, etc.

Whoopee! I contributed to the `fontaine` Nuxt.js module.

Today's mini-post on fonts turned out not that mini. A look into the past and future of `-apple-system` and `BlinkMacSystemFont`. TL;DR: delete them from your CSS code.

New mini-post, this time on extreme font subsetting

A quick note on the importance of adding `crossorigin` when <link>-preloading fonts: Otherwise you get double trouble: duplicate font downloads and the preload is unused

Two articles on replacing commonly JS-powered UIs with HTML+CSS:. 1) 2) Know any other good ones? Please share.

After David Lynch's passing people suggested we should celebrate his life and work by doing something weird. So here's a new Client-Side Rendering JavaScript framework called 🐶 Lizzy.js:

"Menlo Regular" is a font - a specific instance of the Menlo typeface. When we say "Menlo" we may mean three different things: a typeface, a font collection (a .ttc file) or a font family. Confusion? Yes, please.

With Arial and Times New Roman not present on all Androids and Courier not on iOS, it's official: there is no such thing as a "web-safe" font.

Second perfplanet ‘24 article on hacker news: by Alex Hamer.