Hacker News Reader

I have been doing this since years but many sites become unusable with FontAwesome blocked. For the time being, I manually unblock fonts on absolutely necessary websites. Any hints on how I can unblock only fonts from FontAwesome, preferably from ublock origin?

View on HN

Perhaps "LocalCDN" can use the local font cache? Not sure if it works (/for only FontAwesome...)

https://www.localcdn.org/test/fontawesome

By domain or filename. Another reason to not use icon fonts.

https://github.blog/2016-02-22-delivering-octicons-with-svg/

Agreed. It's been like 7 years since icon fonts were recommended and it's a real shame I still regularly see people do it today.

I mean the outdated tutorials still suggest icon fonts. What’s a good alternative?

I sometimes use svg's define symbol method `<defs>` (https://developer.mozilla.org/en-US/docs/Web/SVG/Element/def...), you combine all the icons you use into one document that you load with display none and then reference those symbols anywhere else on the page using svg `<use>`.

Use graphics for icons.

For a11y reasons, include a text alternative, like the alt attribute on <img> elements or adding a <title> in your <svg>.

https://css-tricks.com/accessible-svgs/

Reply on news.ycombinator.com