Hmm… at least on MacOS #web browsers don’t set the media type for #WOFF2 fonts. I wonder where it’s supposed to come from… If you’re on Windows / Linux, can you please drop a WOFF2 font on this page and let me know if it shows anything on the Type column in either the `.items` or `.files` section?

https://evercoder.github.io/clipboard-inspector/

Made major changes to my #BurgeonLab blog!

#Changelog:
- Add light/dark switcher
- Improve colours
- Update fonts to variable, #woff2, preloading
- Add Lastmod date
- Add search with #Pagefind (Haven't fully customized results page but I'm happy to get it working online after updating the #GitHubActions workflow)
- Improve CSS
- Fix RSS
- Small cosmetic updates to interface/layout
- Summary on post cards

New posts soon! Open to any feedback. ➡️ https://burgeonlab.com

#blog #blogging #hugo

Regarding the browser as context, when do variable fonts are worthy?

In my point of view only when there are some typography animation, or when you really use the full "family" (which is rare) or else it is just extra Kb over the wire and one is better off cherry picking weights and styles.

It is a bit annoying that some fonts are now variable fonts only which were not before, although I understand that maintaining both might be an hassle.

#webdev #typography #variablefonts #woff2

Today I had a call with Andreas Nymark @andreasnymark about his Kirby @getkirby foundry plug-in @Fountain.

What I have seen is really promising and exciting! A lot of automated processes thanks to #FontTools implementation. Like subsetting, trial fonts or #woff2 conversion.

You can sign up for his newsletter to stay in the loop: https://fountain.nymarktype.co

I would love to see some stats for (web server traffic for) WOFF2 vs OTF (which is gzip'd on the wire). Compared to say, the 34 Gigatonnes of JavaScript framework that you're using to display 12 pictures in a grid.

#WOFF2 #OTF

#Development #Evolutions
WOFF has left the building · Is it fine to exclusively use WOFF2 webfonts today? https://ilo.im/155anm

_____
#WebDesign #WebDev #Frontend #CSS #Typography #Fonts #WebFonts #WOFF2 #WOFF

Site Update: New Fonts

https://xeiaso.net/blog/iaso-fonts

#site-update #font #design #CSS #woff2

Finally wrote up a small guide on converting TTF fonts to WOFF2 for the web. A year ago I was trying to make some ASCII diagrams look nice, but the *web* font I used did not come with those boxy characters! Which made for an ugly look.

Turns out the actual TTF _had_ those characters. By redoing the font, I was able to make it look nice and meet my expectations, all the while shrinking it in other places for a small asset download.

This method is useful for anyone who wants to port a TTF to WOFF2 for their personal or professional web development.

Some tags: #webdev #css #fonts #woff2 #ttf #fonttools #pyftsubset

https://levischuck.com/blog/2023-01-web-fonts