Join James Williamson for an in-depth discussion in this video Finding icon fonts, part of Deploying Icon Fonts for the Web.
- View Offline
…Obviously, the first step in using icon fonts in…your project, is to actually find an icon font.…When looking for an icon font, you currently have several options.…First, there are a number of icon fonts available…for you to download, and use in your own projects.…Some of these are free and open source.…While others are considered what they call premium icon fonts.…And, you can purchase those, and use them.…You can also use some of the newer online hosting services, that…now host icon fonts similar to the way Typekit hosts web fonts.…
And in a moment, I'm going to show you a couple of those.…You can also create your own icon font.…Several online services allow you to…create custom icon fonts from existing libraries.…Or allow you to upload your own artwork.…If you don't feel like using one of those services, you can always use Vector…Art Creation software and font editing software…to create your own icon font from scratch.…Well the first thing I'd like to do is just give you…a big list, of a lot of the available icon fonts out there.…
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