Using Font Awesome With Foundation


Foundation is ready to work with Font Awesome icons right out of the box. There is no need to add any extra code (from this page - http://fortawesome.github.io/Font-Awesome/get-started/). Just type in the code for the particular icon you want to use. Below are some examples of the code you can to use.
<i class="fa fa-calendar"></i> - Calendar Icon -
<i class="fa fa-cloud"></i> - Cloud Icon -
<i class="fa fa-apple"></i> - Apple Icon -

These icons can be used in almost all of the Foundation stacks, except some areas of the Form stacks. If you find an area that it does not work, please let us know.

Note - Right now, the theme is only using Font Awesome 4.0.3, but this will be fixed in an upcoming Foundation update and bring it up to date with Font Awesome 4.1.

Now go forth and make your websites great!!

Deal of the Week

Latest Updates

Latest Live Stream

Designing with Davide Fanchin, a Master Weaver

Latest Design

Subscribe

For product releases and updates by email, please subscribe below.

© 2025 Weavers Space | Terms of Service | Privacy Policy

HelpShelfHelpShelf