Deploying Icon Fonts for the Web
Video: IntroductionLearn to find, deploy, and style icon fonts and add fast, effective vector artwork to your website.
- Additional resources
Viewers: in countries Watching now:
Icon fonts are a fast, effective way to feature scalable vector artwork on websites. James Williamson shows you how to properly deploy icon fonts on your own site in this short course. Learn how to find an icon font that's right for you and style it so it appears exactly the way you want. Then learn about deployment options that will make your icons accessible and display consistently across multiple browsers and devices. James also introduces advanced styling options such as animated and multicolored glyphs.
Want to create your own icon fonts? Check out James' companion course, Creating Icon Fonts for the Web.
- Finding icon fonts
- Ensuring consistent styling
- Exploring class-based solutions for deployment
- Deploying with the data-icon attribute
- Aligning icons
- Animating icons
- Styling multicolored glyphs
Hi, I'm James Williamson, senior author at Lynda.com, and I want to welcome you to Deploying Icon Fonts. Icon fonts are an increasingly popular way of displaying icons on websites in applications. In this course, I'm going to cover some of the techniques that you can use to deploy and style icon fonts for your own projects. We'll start with an overview of icon fonts and how to find the one that's right for you. From there, we'll move on to discussing basic styling of icon fonts and how to ensure that your icons are going to look the way you want them to, across different browsers.
Next, we'll examine some of the different deployment options for icon fonts that are largely based on how the icon font was constructed. Finally, we'll go a little deeper into styling options for icon fonts, starting with basic styling and then moving to more complex examples, including how to animate your icon fonts through CSS. I'll also show you how to use icon fonts to create multicolored icons, that go beyond the basic monochromatic limitations of normal icon fonts. I love using icon fonts. And I can't wait to show you some of the things that you can do with them in your own projects.
There are currently no FAQs about Deploying Icon Fonts for the Web.