Email or username:

Password:

Forgot your password?
Nikita

I have enabled ‘Block remote fonts’ for every website in uBlock Origin. I have also forbidden to make requests to fonts[dot]googleapis[dot]com and fonts[dot]gstatic[dot]com.

**Pros:**
— every website rocks beautiful Helvetica Neue
— I am not being tracked by Google and others

**Cons:**
— every second website uses icon fonts which don't load any more :(

Screenshot of a PyPI statistics block. It displays GitHub statistics (number of stars, forks, issues, and pull requests) as well as provides links to Libraries.io and Google BigQuery. Instead of icons, missing glyphs are shown, which are represented as rectangles with codepoints written inside.
2 comments
Nikita

To solve this, use plain SVGs! A good article that showcases using SVGs on the web: svgontheweb.com/

TL;DR: Use `<object>` or inline `<svg>` elements for max customizability. The browser support has got very good in the meantime.

Another tip: Use iconify.design/ by @cyberalien. It's a 10 kB script that loads icons from dozens of icon frameworks as inline SVGs inside Web Components. Can be SSR’ed for maximum speed!

DELETED

@kytta My jlelse.com site uses SVGs and my blog just uses emojis 😇

Go Up