Welcome
Introduction
()
How to use the exercise files
()
1. Using Icon Fonts
What is an icon font?
()
Finding icon fonts
()
Understanding encoding
()
2. Global Styling
@font-face syntax
()
Adding Data URI for icon fonts
()
Normalizing icon fonts
()
Improving rendering
()
3. Deployment Options
Working with Basic Latin encoding
()
Using generated content
()
Creating class-based solutions
()
Adding the data-icon attribute
()
Improving accessibility
()
4. Styling Icon Fonts
Basic icon styling
()
Vertically aligning icons
()
Changing icon states
()
Animating icons
()
Structuring multicolored glyphs
()
Positioning multicolored glyphs
()
Conclusion
Additional resources
()
Ex_Files_Dply_IF_Web.zip
(23.0 MB)