LoyalTree Icon Font

With the advent of major web-browsers supporting web-fonts, it just seems logical to parlay my love of dingbat/icon fonts to the web. Many elements of LoyalTree (e.g. websites, promotional materials, our mobile apps, etc) use the same visual language. By building these symbols into a font it helped the design team stay up-to-date and on the same page, as well as expedite the creation process of many projects.

The initial designs are created in a multitude of ways, then converted into vectors. They are then imported into fontforge in the unicode character range. The font is then exported into TTF, EOT, WOFF, SVG, and a raw base64 encoded string. A grunt task then builds the web-font's css from a set of sass files.