Icon fonts are webfonts containing symbols and glyphs, instead of letters or numbers. You can customize these scalable vector icons with CSS in the same way you customize regular text which has made them a popular choice on the web.
Icon-Works is used specifically in these sections of the HTML files:
Font Awesome is used for all other icons.
Changing and Adding Icon-Works
This webfont has already been embedded in the icon-works.css file and imported into the style.css file. However, you will need a list of the icons if you wish to change or add new ones.
For further information, please follow the instructions at Icon-Works.
Changing and Adding Font Awesome
Font Awesome has already been embedded in the font-awesome.css file.
Here is the code which you need to modify to change or add an icon:
<ul class="footer-social col-md-12"> <li><a href="#"><i class="fa fa-twitter icons small"></i></a></li> <li><a href="#"><i class="fa fa-facebook icons small"></i></a></li> <li><a href="#"><i class="fa fa-dribbble icons small"></i></a></li> <li><a href="#"><i class="fa fa-instagram icons small"></i></a></li> </ul>
Fusion uses Font Awesome for the icons in buttons. If you need more information on the list of available icons and class names, open the font-awesome.css file and look through the list of class names.
To learn more, please refer to the Font Awesome Cheatsheet.
Styling Font Awesome Icons
To style Font Awesome icons, we have provided several pre-configured options: