Icon fonts are a fast, effective way to feature scalable vector artwork on websites. James Williamson shows you how to properly deploy icon fonts on your own site in this short course. Learn how to find an icon font that's right for you and style it so it appears exactly the way you want. Then learn about deployment options that will make your icons accessible and display consistently across multiple browsers and devices. James also introduces advanced styling options such as animated and multicolored glyphs.

Topics include:

• Finding icon fonts
• Ensuring consistent styling
• Exploring class-based solutions for deployment
• Deploying with the data-icon attribute
• Aligning icons
• Animating icons
• Styling multicolored glyphs

 

 Icon Fonts for the Web