Strange and weird symbols instead of normal text
Since a few days, firefox on mac shows strange symbols instead of regular text.
I tried to empty cache, restart... the issu persists.
Example : https://www.sublimehq.com/ on my side it's like the pic screen attached
All Replies (3)
This can be caused by a problem with fonts you have installed locally what causes Firefox to display gibberish. You will have to identify and remove corrupted font(s).
You can check in Font Book for font issues like corrupted and duplicate fonts.
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.
Note that you shouldn't disable "Allow pages to choose their own fonts, instead of my selections above". These days a lot of websites use an iconic font to display small images. If you disable website font via "Allow pages to choose their own fonts, instead of my selections above" then such fonts are disabled and you may see little boxes with the hex code of the character or text labels instead.
I see now why you mentionned installed fonts on the mac...
I never noticed it before the "local" in the declaration of the @font-familly...
https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face#notes
it's a "fallback" to local installed font in case of web inaccessible .woff .......
but in the CSS https://www.sublimetext.com/sublime_v3.css?d=200311
src: local('Lato Italic'), local('Lato-Italic'),
url('/fonts/lato-v16-latin-italic.woff2') format('woff2'),
url('/fonts/lato-v16-latin-italic.woff') format('woff');
why a "same server" url path trigger a cors header block ???
Okulungisiwe ngu john_r_c
I see now why you mentionned installed fonts on the mac...
I never noticed it before the "local" in the declaration of the @font-familly...
https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face#notes
it's a "fallback" to local installed font in case of web inaccessible .woff .......
but in the CSS https://www.sublimetext.com/sublime_v3.css?d=200311
src: local('Lato Italic'), local('Lato-Italic'),
url('/fonts/lato-v16-latin-italic.woff2') format('woff2'),
url('/fonts/lato-v16-latin-italic.woff') format('woff');
why a "same server" url path trigger a cors header block ???