Most websites enforce the use of their own fonts and, to be honest, most of them are not great for readability.
Fortunately there is an excellent font that I've been using, Atkinson Hyperlegible (developed by the Braille Inst, see https://brailleinstitute.org/freefont ) that is very well designed (in terms of looking good while being very readable). And of course Firefox (unlike Chrome, Edge) allows me to force sites to use this font for all Sans-Serif text via the settings, leading to very readable on-screen text. (I've also set it up as my system font and it works a treat)
The one fly in the ointment is the use by websites of the Material Symbols font (see https://fonts.google.com/icons https://developers.google.com/fonts/docs/material_symbols ) which is a series of glyphs identified by names (instead of codepoints) that represent icons e.g. "<span class="material-symbols-outlined">search</span>"
Naturally when I force Atkinson Hyperlegible on sites that use such content, it is rendered as the text "search" instead of the icon packaged as a font file. Not great!
So to the idea - in the Advanced font settings, when a user de-selects "Allow pages to choose their own fonts, instead of your selections above", allow the user to specify fonts that should not be replaced e.g. "'Material Symbols Outlined" and "Material Symbols". If this sounds too complicated to do in the UI, then allow users to set this list via about:config instead (although mostly for power users).
I realise this is asking Firefox to fix an issue caused by sites (either because they use the Material Symbols font for convenience or are unwilling to respect the user's font choices) but would much appreciate a fix.
... View more