Software Development, Web Design, Training

Font Awesome - Never Build Icons Again

Tired of having to make "delete", "edit", "new", "save", "confirm", and "purchase" icons for your clients? In 3 different sizes (desktop, tablet, mobile)? And new versions for each color scheme you use? Enter Font Awesome!  Font Awesome gives you scalable vector icons, that are totally customizable, all by just including a CSS file in your project.  It's free, compatible with current devices and browsers, easy to use and customize to your liking.  Font Awesome is compatible with Bootstrap, various other frameworks, screen readers, retina displays and cuts down the time you spend doing "boilerplate" work in PhotoShop for every project!

Target Audience: Designers and developers that are tired of having to rebuild the same icons for every project.  Attendees should know some basic HTML and CSS, no further programming or PhotoShop skills are required.

Main takeaways:

  • What is Font Awesome?
  • How do I install it?
  • Simple example of how to start using it?
  • Treating icons like fonts - changing sizes and colors, applying styles
  • Bordered, spinning and rotated icons
  • Stacked icons
  • How does it work with Bootstrap?
  • Pros and cons