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.
If you're a premium member of lynda.com you have access to the exercise files that accompany this course. To use the files, download the exercise files from the course page on lynda.com. I recommend keeping the files on your desktop as you work to make them a little bit easier to find. Exercise files are organized by chapter, with individual files for each movie. During an exercise, I'll call out the location of the corresponding exercise files, and you should see a brief overlay on the screen as well. I also want to mention that this course assumes a basic level of knowledge of HTML and CSS.
If you find yourself unfamiliar with any of the concepts explored in the course, I recommend taking some of the entry level HTML and CSS related courses before completing this one.
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.