@ksylor Fingers crossed, I'd love to hang out again! I'll be there! :D

performance.now() conference by @ppk and friends is back again for another edition.

2 days, single-track, 100% web performance geekout happening 30th and 31st of October in Amsterdam. First 9 speakers announced, tickets on sale now. https://perfnow.nl

https://highperformancewebfonts.com/read/pick-characters-for-subsetting

A quick JS snippet that adds a feature to fontdrop.info 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...

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
https://www.onlinemusictools.com/abcjs/

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
https://www.onlinemusictools.com/kb/
(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 first blog post is 20 years ago, in 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.

@onpaperwings Thank you, Doug! I hope to have enough samples from people with the same OS so that outlier fonts can be dropped in favor of 90%+ of samples

@djenz Thank you for the data point! Interesting results: no Arial, etc :)
Yes, fallback fonts is my main motivation: having a 3-4 fallbacks to target various OS https://calendar.perfplanet.com/2024/fabulous-font-face-fallbacks/

"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 https://highperformancewebfonts.com/read/which-local-fonts-can-I-use

(2/2) 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 https://fontes-locais.vercel.app/ and follow the instructions. The code for this page and the data lives on github https://github.com/stoyan/fontes-locais/

(1/2) 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 https://fontes-locais.vercel.app/, an example data: https://github.com/stoyan/fontes-locais/blob/main/data/1738743064835.md

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

https://highperformancewebfonts.com/read/font-jargon

@stairjoke thank you! No RSS feed yet, this site is powered by a js-only joke "framework" (https://lizzy.js.org/) but I'll do it properly soon for RSS and SEO purposes :D

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. https://highperformancewebfonts.com/read/ditch-BlinkMacSystemFont-and-apple-system

New mini-post, this time on extreme font subsetting https://highperformancewebfonts.com/read/extreme-subsetting

A quick note on the importance of adding `crossorigin` when <link>-preloading fonts: https://highperformancewebfonts.com/read/on-the-origins-of-cross
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) https://aarontgrogg.com/blog/2023/05/31/replace-js-with-no-js-or-lo-js-options/

2) https://calendar.perfplanet.com/2020/html-and-css-techniques-to-reduce-your-javascript/

Know any other good ones? Please share.

Fafofal (Fabulous Font Fallbacks): now with buttons for bold and italics in the test area
https://highperformancewebfonts.com/tools/fafofal/

Fonts that come with Windows: https://learn.microsoft.com/en-us/typography/fonts/windows_11_font_list and MacOS: https://en.wikipedia.org/wiki/List_of_typefaces_included_with_macOS

@pablo_martan wow, I had no idea, sounds rough