Switch from private Unicode ranges to proper SVG images

[linkmauve]

Using a font with images in some private Unicode range is a hack, which degrades very poorly for users who don’t use @font-face for any reason.

They should be replaced with proper images.

---

Want to back this issue? Post a bounty on it! We accept bounties via Bountysource.

[jcbrand]

Currently in the master branch the fonts are included in the CSS so users won't load the CSS without the fonts. The fonts are also named in a way to avoid collisions.

Using fonts works well and lots of projects do it. If it were to eventually become a problem we could change to images, but I don't see a need to do so now and there's many more important things to spend time on. To prevent clutter I'm closing this ticket.

[linkmauve]

It actually already is a problem, not all CSS parsers support @font-face, it also is an accessibility feature to disable it since many websites become unreadable with them.

See also https://github.com/blog/2112-delivering-octicons-with-svg for a more technical reasoning.

[jcbrand]

OK,I'll reopen, but is not something I'm personally motivated to work on. There's IMO many other higher priority things to do.

[jcbrand]

This looks like helpful and relevant information:

https://fontawesome.com/how-to-use/on-the-web/advanced/svg-sprites