Join James Williamson for an in-depth discussion in this video Working with Basic Latin encoding, part of Deploying Icon Fonts for the Web.
- View Offline
…In this chapter we're going to take a look at some of your options and possible…strategies for deploying icon fonts based on factors…such as how the icon font was encoded.…We're going to start with basic latin encoding, and so…what basic latin encoding is is taking the normal…character in a font, like l or a, taking…that particular Unicode value and replacing it with an icon.…Or building a font where you have icons in…the place of where those characters would normally be.…Just to show you an example of one of these here is…the font that we are going to be using in this exercise.…
So you can see we've got symbols mapped all the…way from a to z we're only doing lower case here.…A lot of people like this approach because they do…things like c for calendar and d for document, e for…edit and it becomes really easy for them to remember…which icon they need to use by just using the letter.…Of course, then you come to things like mail where m…was already taken up by menu, so where do you put that?…You run into some problems with that type of logic but there are…
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