Start learning with our library of video tutorials taught by experts. Get started
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.
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.
Access exercise files from a button right under the course name.
Search within course videos and transcripts, and jump right to the results.
Remove icons showing you already watched videos if you want to start over.
Make the video wide, narrow, full-screen, or pop the player out of the page into its own window.
Click on text in the transcript to jump to that spot in the video. As the video plays, the relevant spot in the transcript will be highlighted.