Wrong font on Firefox macOS

[UnicornsOnLSD]

For some reason, Firefox uses the Osaka font instead of the intended Hiragano Kaku Gothic Pro. Osaka looks very weird, it sort of feels like the site is using comic sans.

Firefox:

Safari:

[rfindley]

Maybe try this?

https://support.mozilla.org/en-US/questions/1249756

[bilalbilal]

I have the same issue as @UnicornsOnLSD but this solution didn’t work out for me unfortunately

[Pydronia]

I had this issue after upgrading to a newer Macbook. I had a bit of a search and it looks like the main font for WaniKani (Hiragano Kaku Gothic Pro) is no longer included in macos as an installed font, but only as “Document Support”. See https://support.apple.com/en-us/HT211240#document.

These fonts are available only in documents that already use the font, or in apps that request the font by name. Some are older fonts that were included with earlier versions of the Mac operating system or Apple apps.

There must be a bug in Firefox which means that these types of fonts aren’t fetched correctly? Regardless, until this is fixed, I just installed the font manually from https://fontsgeek.com/fonts/hiragino-kaku-gothic-pro-w3. I guess it’s a bit of a work around but this fixed it instantly.

[UnicornsOnLSD]

This has been fixed in Firefox 102 1743170 - "Hiragino Kaku Gothic ProN" font is not available when Firefox is built with macOS 11 SDK

[UInt2048]

Firefox 102 will be released on June 28th, but users can feel free to use the beta until then…

[UnicornsOnLSD]

It’s in stable now, no more weird looking font!