Links

• Github's Octicon icon font
  • Say hello to Octicons
  • The making of Octicons
  • Using @Font-face for Icons
• IcoMoon
• HTML for Icon Font Usage
• NounProject
• LivIcons - Exclusive Truly Animated Icon Pack!
• Ionicons: The premium icon font for Ionic Framework
• Font Awesome
• Pictos
• Glyphicons.
• Limitations
  • Ref: Use icon fonts with caution
  • Anti-aliased like other fonts.
  • Limited styling.
  • Positioning dependant on line-height, letter spacing, etc.

Snippets

// Load a subset of characters – this speeds it up.
@font-face {
  font-family: foo;
  src: url('foo.ttf');
  unicode-range: U+31-33;
}