How to add font Awesome to your Shopify store

Hura Product Showcase Builder

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.

Hura Theme Blocks

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 *