by Adi Purdila
Lessons:15Length:1.1 hours
Open Assignment Available
There's a hands-on Open Assignment associated with this course. Practice everything you've learned in the course, ask questions, and post your designs in the comments section.
Next lesson playing in 5 seconds
CancelFree Preview: Mastering Icon Fonts on the Web
Welcome
01:06
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 anymore; not with retina displays and responsive websites. Icon fonts are the way to go, and in this course you’ll learn all there is to know about them: what they are, how to use them, and how to make your own.
1.Introduction1 lesson, 01:06
1 lesson, 01:06
Free Lesson 1.1Welcome01:06
Free Lesson
1.1
Welcome
01:06
2.About Icon Fonts5 lessons, 26:08
5 lessons, 26:08
Free Lesson 2.1What Are Web Fonts?04:13
Free Lesson
2.1
What Are Web Fonts?
04:13
2.2What Are Icon Fonts?04:49
2.2
What Are Icon Fonts?
04:49
2.3How Do Icon Fonts Work?08:39
2.3
How Do Icon Fonts Work?
08:39
2.4Icon Font Kits05:57
2.4
Icon Font Kits
05:57
2.5Icon Fonts in Frameworks02:30
2.5
Icon Fonts in Frameworks
02:30
3.Icon Fonts vs. SVG5 lessons, 20:37
5 lessons, 20:37
3.1What Is SVG?02:27
3.1
What Is SVG?
02:27
3.2CSS Control07:23
3.2
CSS Control
07:23
3.3Accessibility Issues02:56
3.3
Accessibility Issues
02:56
3.4Loading Performance03:07
3.4
Loading Performance
03:07
3.5Browser Support04:44
3.5
Browser Support
04:44
4.Let's Build an Icon Font3 lessons, 14:09
3 lessons, 14:09
4.1The Icons and Software01:41
4.1
The Icons and Software
01:41
4.2Designing the Icons07:07
4.2
Designing the Icons
07:07
4.3Building the Font05:21
4.3
Building the Font
05:21
5.Conclusion1 lesson, 01:24
1 lesson, 01:24
5.1Final Thoughts01:24
5.1
Final Thoughts
01:24
Subscribe to watch full course
Subscribe to watch full course