Swiss Canton Iconfont

This article has been published a while ago.

If this is a technical article some information might be out of date. If something is terribly broken, let me know and I will update the article accordingly.

During my Christmas holidays, I finally found the time to finish some of my side and weekend projects. One of those many projects is an icon font. "Not another FontAwesome or Glyphicons clone" you may think. Nope, it's not.

Somewhen in 2014, I stumbled upon Map Glyphs. An icon font with all the maps of every country in the world. I thought "Would be cool if I could use this for Switzerland specific maps, like our cantons". I wrote it down and never looked at it again.
But during the holidays and wanted to do something with Bower and icons. So I grabbed an SVG from Wikipedia, sliced and exported it, uploaded it to Icomoon.io and exported it as a font. Done. Thanks to the SVG source the icons are sharp on all display resolutions.

Then I read the docs of Bower, on how to register a new package and boom... Now I can simply execute bower install swiss-canton-iconfont --save and use the font in my projects. It was a lot of fun and I learned another thing of the always growing web development universe.

You can check out a working demo here. The source code is as always on GitHub.