Issue with my Font
I have been using Firefox for many years and I know how to use it well. However, I am currently experiencing an issue with the text and fonts on various websites, including Facebook. Even after refreshing and attempting to troubleshoot, the issue persists.
I have noticed that the font and text work normally in Firefox's troubleshooting off mode. I have even attached a photo of the issue for reference.
All Replies (2)
You can try to set layout.css.font-visibility => 1 on the about:config page.
Issues with a weird looking font or missing glyphs can be caused by a problem with a specific font and you need to identify this font and fix this. You may find that it can be resolved by finding and removing duplicate fonts installed in the local ~/Library/Fonts folder, that are conflicting with standard system fonts.
You can check in Font Book for font issues like corrupted and duplicate fonts. Note that you should be careful about disabling "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).
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. If the Fonts tab is hidden, click the down arrow at the right end.