Let’s say you’re building a website that uses lots of icons. How would you implement those on the web? As image files? They worked fine in the past, but not any more; not with retina displays and responsive websites. Icon fonts are the way to go.
In this short video tutorial from my recent icon fonts course, I'll briefly explain what icon fonts are and how they work, and then I'll go through the pros and cons of using icon fonts compared with images.
By the end, you'll have a clear understanding of icon fonts: what they are, how they’re different from normal fonts, and why you should use them.
Watch the Tutorial

Watch the Full Course
In the full course, Mastering Icon Fonts on the Web, you'll learn about icon fonts in a lot more detail. I'll cover things like CSS control, accessibility issues, loading performance and browser support, and then we'll dive right into building our own icon font.
Subscribe below and we’ll send you a weekly email summary of all new Web Design tutorials. Never miss out on learning about the next big thing.
Update me weeklyEnvato Tuts+ tutorials are translated into other languages by our community members—you can be involved too!
Translate this post