- Overview
- Transcript
2.3 How Do Icon Fonts Work?
Using icon fonts might seem difficult, but it’s not really. Join me in this lesson where you’ll learn how to embed fonts and use them within your HTML and CSS.
Related Links
1.Introduction1 lesson, 01:06
1 lesson, 01:06
1.1Welcome01:06
1.1
Welcome
01:06
2.About Icon Fonts5 lessons, 26:08
5 lessons, 26:08
2.1What Are Web Fonts?04:13
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
Adi Purdila is a web design instructor for Tuts+. With over 100 courses and 200 tutorials published to date, Adi's goal is to help students become better web designers and developers by creating content that’s easy to follow and offers great value.
Being self-taught himself, Adi strongly believes that constant learning (academic or otherwise) is the only way to move forward and achieve your goals.
When not typing away at his keyboard, he loves woodworking and caring for his ever-growing family of rescue pets.
You can stay up to date with what he's doing by following him on social media or visiting his website at adipurdila.com.