4 ms·

Firefox's "Don't allow websites to use custom fonts" option makes the Web feel much more cohesive and polished.

Arnavion 5y ago
What does that do for fontawesome-style fonts (icons in the private area) that websites love to use instead of SVGs and text labels? I personally block fonts via uBlock Origin, which lets me allow them for the subset of websites I visit regularly enough that I'm okay with allowing fontawesome-style fonts.
- jayesh-bhoot 5y ago
  would this help? (disclaimer: i wrote the addon) https://news.ycombinator.com/item?id=28165179 https://news.ycombinator.com/item?id=28165179
  - Arnavion 5y ago
    As I said, I already do it with uBO. I don't need another addon.
- tejasvi88 5y ago
  *:not([class*='icon' i]):not(i):not([style*='icon' i]):not([aria-hidden='true']):not([aria-label]):not([class*='fa-']) { font-family: "Operator Pro" !important; }
- Markoff 5y ago
  blocking remote fonts in uBlock Origin has zero effect on Twitter, just tried, unless you mean something else, in that case please enlighten me how to have back left column with same font as before
  - Arnavion 5y ago
    https://i.postimg.cc/5Nk9tczJ/sw-appy-20210813-193919.png https://i.postimg.cc/5Nk9tczJ/sw-appy-20210813-193919.png https://i.postimg.cc/Gm8L8MPy/sw-appy-20210813-193924.png https://i.postimg.cc/Gm8L8MPy/sw-appy-20210813-193924.png In case that website blocks hotlinking: https://postimg.cc/gallery/RVSBXh7 https://postimg.cc/gallery/RVSBXh7 The first image shows https://twitter.com/newsycombinator https://twitter.com/newsycombinator with devtools on the right showing that the computed `font-family` for that one span has "TwitterChirp", and the uBO logger at the bottom showing that chirp-*.woff fonts were blocked by my uBO rules. The second image is the Fonts tab of the dev tools showing that the font that the browser is using is Roboto, which I have available locally. As for how I do it, see https://news.ycombinator.com/item?id=26284124 https://news.ycombinator.com/item?id=26284124 . If you don't want to go that far, you can still create a rule just for twitter.com that blocks just the chirp*.woff URLs.
- thristian 5y ago
  Firefox is smart enough to not block fonts that are used to render PUA characters. It doesn't help with icon fonts based on ligatures instead of PUA characters (Google's Material Design framework seems to do this) but we can't have everything.
jayesh-bhoot 5y ago
I will plug my Firefox addon here which builds on this Firefox’s feature. Basically the add-on remembers the websites for which the user wants to enforce/unenforce browser fonts. https://addons.mozilla.org/en-US/firefox/addon/enforce-browser-fonts/ https://addons.mozilla.org/en-US/firefox/addon/enforce-brows...
- thristian 5y ago
  I used to have an addon like that, that died in the WebExtensions apocalypse. It's great to have a replacement!

What does that do for fontawesome-style fonts (icons in the private area) that websites love to use instead of SVGs and text labels? I personally block fonts via uBlock Origin, which lets me allow them for the subset of websites I visit regularly enough that I'm okay with allowing fontawesome-style fonts.

jayesh-bhoot 5y ago
would this help? (disclaimer: i wrote the addon) https://news.ycombinator.com/item?id=28165179 https://news.ycombinator.com/item?id=28165179
- Arnavion 5y ago
  As I said, I already do it with uBO. I don't need another addon.
tejasvi88 5y ago
*:not([class*='icon' i]):not(i):not([style*='icon' i]):not([aria-hidden='true']):not([aria-label]):not([class*='fa-']) { font-family: "Operator Pro" !important; }
Markoff 5y ago
blocking remote fonts in uBlock Origin has zero effect on Twitter, just tried, unless you mean something else, in that case please enlighten me how to have back left column with same font as before
- Arnavion 5y ago
  https://i.postimg.cc/5Nk9tczJ/sw-appy-20210813-193919.png https://i.postimg.cc/5Nk9tczJ/sw-appy-20210813-193919.png https://i.postimg.cc/Gm8L8MPy/sw-appy-20210813-193924.png https://i.postimg.cc/Gm8L8MPy/sw-appy-20210813-193924.png In case that website blocks hotlinking: https://postimg.cc/gallery/RVSBXh7 https://postimg.cc/gallery/RVSBXh7 The first image shows https://twitter.com/newsycombinator https://twitter.com/newsycombinator with devtools on the right showing that the computed `font-family` for that one span has "TwitterChirp", and the uBO logger at the bottom showing that chirp-*.woff fonts were blocked by my uBO rules. The second image is the Fonts tab of the dev tools showing that the font that the browser is using is Roboto, which I have available locally. As for how I do it, see https://news.ycombinator.com/item?id=26284124 https://news.ycombinator.com/item?id=26284124 . If you don't want to go that far, you can still create a rule just for twitter.com that blocks just the chirp*.woff URLs.
thristian 5y ago
Firefox is smart enough to not block fonts that are used to render PUA characters. It doesn't help with icon fonts based on ligatures instead of PUA characters (Google's Material Design framework seems to do this) but we can't have everything.

jayesh-bhoot 5y ago

I will plug my Firefox addon here which builds on this Firefox’s feature. Basically the add-on remembers the websites for which the user wants to enforce/unenforce browser fonts. https://addons.mozilla.org/en-US/firefox/addon/enforce-browser-fonts/ https://addons.mozilla.org/en-US/firefox/addon/enforce-brows...

thristian 5y ago
I used to have an addon like that, that died in the WebExtensions apocalypse. It's great to have a replacement!