How to add font Awesome to your Shopify store

Sell Online With Shopify
Trusted by millions of businesses worldwide
Sign up for a free trial and enjoy 3 months of Shopify for $1/month on select plans.

Font Awesome is a font and icon toolkit based on CSS and LESS. If yoy want to setup Font Awesome on your Shopify store, please follow the steps below:

  • From your Shopify admin, to to Online Store > Theme.
  • Find the theme you want to edit and then click Action > Edit code.
  • n the Layouts directory, click themes.liquid to open it in the online code editor.
  • In the online code editor, add the below code before close </head> tag.
  • Click Save and you are done.

Now, you can place Font Awesome icons just about anywhere using a style prefix and the icon’s name.

You need to know two bits of information to reference an icon.

  1. Its name, prefixed with fa-
  2. The style you want to use’s corresponding prefix.

You can see cheatsheet here.

Looking for Shopify Experts?

Hura Apps can help you take your store to the next level

Our team of experienced designers and developers can help you create a beautiful, high-converting Shopify store that will drive sales and increase customer satisfaction. From custom design to app development and optimization, we have the skills and expertise to help you achieve your eCommerce goals.

Get in touch

You may also like...

3 Responses

  1. David says:

    Thank you so much for the tip!

  2. Finocia says:

    Thank u so much

  3. Remi Gerard says:

    Super useful, clean and quick solution, Thanks!

Leave a Reply

Your email address will not be published. Required fields are marked *