Looking at this post in a PWA on iOS, I was seeing the examples at wrong sizes/positions and being clipped as shown:
I’ve confirmed that disabling the Firefox Focus extension (content blocker) prevented this from happening. Looking closer, unsurprisingly it’s the setting for blocking web fonts.
I suspect people blocking web fonts isn’t something you want to cater for but figured I’d bring it up since it looks weirdly almost right but off in various places.