Build custom icon fonts with Builder for jQuery Mobile Icon Pack

Filed under: jQuery Mobile

comments (17) Views: 20,795

Back in February of last year I launched what would be one of my most popular open source projects, jQuery Mobile Icon Pack. The Icon Pack added dozens of new icons to the somewhat lacklustre offering included in the default jQuery Mobile download. Since then I've added to the project: first a few at a time, then bumping the count to over 200 with the inclusion of Font Awesome, an icon font library used by Twitter Bootstrap. Just last night I released jQuery Mobile Icon Pack 3.0 which adds another 40 icons.

Today I'm happy to announce that I'm releasing a companion application called Builder for jQuery Mobile Icon Pack. While there are many positives about icon fonts such as scalability and crisp lines, one of the drawbacks is the file size. Few projects require every icon, but users pay the download price whether your app uses just 1 icon or 100. Builder for jQuery Mobile Icon Pack allows you to tailor the icon font to include just the icons you need. Not only does this decrease file size, it makes the resulting CSS easier to manage.

Using Builder is a simple 3 step process.

  • Select from 249 beautiful high res icons representing many of the most commonly used icons today.
  • Review the icons you've selected, removing any of them by simply clicking that icon in the review window.
  • Download TTF, EOT, AFM and WOFF versions of your custom font, along with CSS, SCSS and LESS files and a handy HTML preview of the icons you've selected.

Try Builder for jQuery Mobile Icon Pack and start streamlining your icon fonts today!

Amazon logo

If this article was interesting, or helpful, or even wrong, please consider leaving a comment, or buying something from my wishlist. It's appreciated!

comments powered by Disqus
coach outlet online jordan 13 grey toe beats by dre cyber monday michael kors black friday beats by dre cyber monday jordan 6 black infrared north face cyber monday michael kors cyber monday north face black friday coach outlet black infrared 23 13s north face cyber monday jordan 6 black infrared north face black friday coach cyber monday jordan 11 legend blue north face cyber monday black infrared 6s lebron 12 north face black friday jordan 11 legend blue louis vuitton outlet jordan 13 grey toe grey toe 13s beats by dre black friday coach black friday jordan 13 grey toe coach cyber monday uggs black friday jordan 13 black infrared 23 uggs cyber monday barons 13s uggs black friday beats by dre cyber monday black infrared 6s jordan 13 bred jordan 13 black infrared 23 north face black friday black infrared 6s jordan 11 legend blue michael kors black friday jordan 13 grey toe coach black friday michael kors black friday michael kors cyber monday beats by dre cyber Monday north face cyber monday coach black friday michael kors cyber monday beats by dre cyber Monday north face black friday beats by dre black friday lululemon black friday uggs black friday jordan 13 bred coach cyber monday beats by dre black friday uggs black friday coach black friday black infrared 6s