Swiss Canton Iconfont

• 1 min read

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.

Screenshot of a working demo on GitHub.
Screenshot of a working demo on GitHub.

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