O'Reilly logo

Mobile First Design with HTML5 and CSS3 by Jason Gonzalez

Stay ahead with the world's most comprehensive technology and business learning platform.

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, tutorials, and more.

Start Free Trial

No credit card required

Awesome icon fonts

For future reference, take a look at the _font-awesome.scss (or similar) file and you will see a list of all the icons created by the styles to facilitate the use of the font-awesome icon fonts. These are just prerolled for us but if you need a new icon that has been added to font-awesome, you will need to add it to this list (or one of your own making). You will notice that the icon is actually specified with the content attribute. For example, the lemon icon CSS looks as follows:

. icon-lemon:before              { content: "\f094"; }

This is because the icon is specified with the Unicode character F094. You can look this up at http://fortawesome.github.io/Font-Awesome/icons/. Just click on each icon to get to know a little more about each ...

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, interactive tutorials, and more.

Start Free Trial

No credit card required