Icons
We use Font Awesome icons on the website.
About Font Awesome
- Font Awesome is an icon toolkit based on CSS.
- We use a Font Awesome Kit — which is basically a personal CDN — to allow icons to be used on LibGuides, LibCal, LibAnswers, Ignacio only. Additional platforms would need to be whitelisted in our account.
- We have a Pro-level subscription, so we are able to use any of their available icons.
Using Font Awesome Icons
- Find the right icon — Font Awesome has over 26,000 icons to choose from. Search for icons.
- Use 'Regular' style — We generally use the 'Regular' style for icons on our site, but there might be cases where a different style works better.
- Add Icons with HTML — Whenever possible, it is best to add icons using HTML. Add icons to HTML »
- Add Icons with CSS Pseudo-Elements — ex. There are times when it is not possible to add icons via HTML. This is usually because the HTML is not available to edit. In these cases, you can sometimes add icons with CSS pseudo-elements. Add an icon using CSS pseudo-elements »
Icons — HTML
Example