Unlimited WordPress themes, graphics, videos & courses! Unlimited asset downloads! From $16.50/m
Dismiss
  1. Web Design
  2. Icon Design
Webdesign

Mastering Icon Fonts on the Web

by
Lessons:15Length:1.1 hours
Icon DesignTypographyAdobe Illustrator
Icon fonts
For full access to all 15 lessons, including source files, subscribe with Elements.
  • Overview
  • Transcript

3.2 CSS Control

How well can you control SVGs in CSS? How about icon fonts? In this lesson you’ll get the answer to both of these questions.

Related Links

1.Introduction
1 lesson, 01:06

Free Lesson
1.1
Welcome
01:06

2.About Icon Fonts
5 lessons, 26:08

Free Lesson
2.1
What Are Web Fonts?
04:13

2.2
What Are Icon Fonts?
04:49

2.3
How Do Icon Fonts Work?
08:39

2.4
Icon Font Kits
05:57

2.5
Icon Fonts in Frameworks
02:30

3.Icon Fonts vs. SVG
5 lessons, 20:37

3.1
What Is SVG?
02:27

3.2
CSS Control
07:23

3.3
Accessibility Issues
02:56

3.4
Loading Performance
03:07

3.5
Browser Support
04:44

4.Let's Build an Icon Font
3 lessons, 14:09

4.1
The Icons and Software
01:41

4.2
Designing the Icons
07:07

4.3
Building the Font
05:21

5.Conclusion
1 lesson, 01:24

5.1
Final Thoughts
01:24

Adi Purdila
Adi Purdila
Photoshop, HTML, CSS? Yep, that's what I do best. Mix that with lots of head nodding from trance music and you've got me in a nutshell.
Unlimited Downloads
From $16.50/month
Get access to over one million creative assets on Envato Elements.
Over 9 Million Digital Assets
Everything you need for your next creative project.
Create Beautiful Logos, Designs
& Mockups in Seconds
Design like a professional without Photoshop.
Join the Community
Share ideas. Host meetups. Lead discussions. Collaborate.
Quick LinksExplore popular categories