3 ms·

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 v

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

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.