Skip to Main Content

SpringyNews: Tech the Halls!

December 2014

Using Font Awesome in LibGuides v2.0

What's Font Awesome?

Font Awesome is a free suite of 479 scalable vector icons that are easily customizable using basic HTML.  Change the size, color, add a border, anything at all – using some really basic inline HTML. 

Currently Using Font Awesome 4.7.0

** As of September, 2018, we're calling Font Awesome 4.7.0 Library into LibApps **

Why Should I Use It?

The Font Awesome library is fully incorporated into LibGuides v2! So you only need to call the icons using their CSS classes. Use Font Awesome icons to:

  • Add images to your guides
  • Add icons to your side-nav layout
  • Integrate Font Awesome social media icons in your template or header/footer.
font awesome social media icons

What's the HTML Structure?

<i class="fa icon-name" aria-hidden="true" style="font-size: insert-size; color: insert-hex-color; padding: insert-padding;"></i>

Links to Bookmark: