7 days of unlimited WordPress themes, plugins & graphics - for free!* Unlimited asset downloads! Start 7-Day Free Trial
Advertisement
  1. Web Design
  2. Icon Design

The Pros and Cons of Icon Fonts

Scroll to top
Read Time: 1 min

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.

Advertisement
Did you find this post useful?
Want a weekly email summary?
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.
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.