I'm new to Magento 2.

I would like to know how to use font awesome icons in my magento 2 project particularly in linking the cdn url to my project where about would I add this link?


2 Answers 2


You have to use absolute url instead of relative url to import font in css file like :

../font/fontfilename => http://www.yourdomain/skin/frontend/namespace/theme/font/fontfilename
  • Hi Where Do i place this line of code?
    – Jiyaad.D
    Commented Aug 19, 2016 at 6:46
  • Folder path :: /app/design/frontend/your themes package structure/web/css/fontawesome/font-awesome.css Commented Aug 19, 2016 at 6:55
  • According to Magento 2 and your folder structure you have to change the font url. Commented Aug 19, 2016 at 6:58
  • no others ways!
    – matinict
    Commented Mar 23, 2021 at 9:38

To add external static resources like CSS, JavaScript, Web fonts (Fontawesome in this case), Please follow the steps below.

  1. Go to this link and copy the CDN URL of Fontawesome.

  2. Find the file app/design/frontend/{Themevendor}/{Themename}/Magento_Theme/layout/default_head_blocks.xml and paste the line below. (The line should be placed in the head tag and the value of src_type should be url.)

<css src="https://use.fontawesome.com/releases/v5.2.0/css/all.css" src_type="url"/>

For details please visit this Magento 2 devdocs link

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

Not the answer you're looking for? Browse other questions tagged or ask your own question.