Garbled font in Firefox on macOS Monterey (12.6.1)
I'm using Firefox 107.0 on macOS 12.6.1 and I'm having weird issues with the displayed font. It appears on the startup screen of Firefox and on websites (see screenshots attached).
The garbled font is called ".SF NS".
I've tried turning the option "Allow pages to choose their own fonts, instead of your selections above" on and off without success.
I have also tried enabling and disabling hardware acceleration - also without luck.
The issue does **not** appear in safe mode. Unfortunately resetting the theme and disabling all extensions hasn't helped either :(
I have also downloaded and installed a font called "SFNS Display" but the issue persists.
Uninstalling Firefox (with AppCleaner) and reinstalling hasn't fixed the problem.
I don't know what else to try. Can someone help me please? :)
I filed a bug for this issue: https://bugzilla.mozilla.org/show_bug.cgi?id=1804874Read this answer in context 👍 0
All Replies (7)
You can check in Font Book for font issues like corrupted and duplicate fonts. You can try to identify the font that causes the problem.
You can right-click and select "Inspect" to open the built-in Inspector with this element selected.
You can check in the Rules tab in the right panel in the Inspector what font-family is used for selected text. You can check in the Fonts tab in the right panel in the Inspector what font is actually used because Firefox might be using a different font than specified by the website.
Modified by cor-el
Thank you for your answer! I think we're getting closer.
The font used is a system font called ".SF NS".
I turned off "Allow pages to choose their own fonts, instead of your selections above" and changed the fonts firefox uses to SF Pro, SF Mono and New York. This fixes the issue on many websites. However when a website contains something like
the text is displayed garbled again.
When I open firefox in safe mode, it also uses ".SF NS" but without any issues!! Can I somehow influence which system font firefox chooses?
Note that you shouldn't disable "Allow pages to choose their own fonts, instead of your selections above" as this will cause issues with iconic fonts used by webpages to display small icons (you may see text labels instead of icons).
Ok, so firefox chooses to use the system font ".SF NS" which is garbled when executed in non-safe mode. It must have something to do with safe mode then?
I filed a bug for this issue: https://bugzilla.mozilla.org/show_bug.cgi?id=1804874
The bug report shows that you had several copies of this font in other locations ?
Didn't Font Book detect and report this or haven't you tried this ?
Yes same filename with different content in different locations was the problem. I checked every font in Font Book for duplicates and because I knew SFNS was causing problems, I even checked that one multiple times - no duplicates were found!