O'Reilly logo

Mastering Magento Theme Design by Andrea Saccà

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

Adding a custom icon font to our theme

An icon font is one that includes special characters, usually icons, instead of normal characters. Bootstrap includes the Glyphicon icon font that we already integrated in our theme in Chapter 2, Creating a Responsive Magento Theme with Bootstrap 3.

Alternatively, we can integrate another great icon font that includes more than 300 icons that are ready to use. This awesome icon font is called Font Awesome! The following screenshot shows the Font Awesome website:

Adding a custom icon font to our theme

You can decide to use this icon font instead of the font released along with Bootstrap.

To integrate Font Awesome into your theme, follow the ensuing ...

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