One of the things i hate about many websites is that they override your personal font choices. Even here the CMS i'm using does this, but i'm going to look in to changing that.
I like UNIFORM fonts and font sizes across the board - i don't want websites forcing their crappy/ugly/too small/too large fonts on me and so i'm testing changing fonts globally with some CSS. The reason i started fooling with this is because i was going through the 'arkenfox' user.js again and came across this recently added warning...
/* 1401: disable websites choosing fonts (0=block, 1=allow) * This can limit most (but not all) JS font enumeration which is a high entropy fingerprinting vector * [WARNING] **DO NOT USE**: in FF80+ RFP covers this, and non-RFP users should use font vis (4618) * [SETTING] General>Language and Appearance>Fonts & Colors>Advanced>Allow pages to choose... ***/ // user_pref("browser.display.use_document_fonts", 0);
So if we can't set the pref to '0', which is what i've been dong for years, we can (maybe) use CSS instead. The following is (at the moment) injected into all websites using Stylus, but you can also do this in userContent.css. Exceptions can be added where necessary. This is an early example that may need a lot of tweaking:
h1, h2, h3, h4, h5, h6 { font-family: sans-serif !important; } a, p, aside { font-family: sans-serif !important; font-size: 1em; } code, kbd, tt, var, samp, pre { font-family: monospace !important; font-size: 1em; }
Make sure
browser.
is set to 1 in abut:config (if you're using my user-overrides.js, change it there too) and disable any add-ons that mess with font stuff.
I'd like to hear any feedback you might have.