skip to Main Content

I crafted the code as follows: <li><a href="#"><i class="fa fa-home" aria-hidden="true"></i>Home</a></li>, yet the intended icon preceding ‘Home’ isn’t displaying. What might be causing this issue, and how can it be rectified to ensure the icon appears correctly?

<li><a href="#"><i class="fa fa-home" aria-hidden="true"></i>Home</a></li> home icon is what i’m expecting

2

Answers


  1. The problem you’re facing is probably because you didn’t include the CSS file. You should add this: <link rel="stylesheet" href="path/to/font-awesome/css/font-awesome.min.css"> and change the href to where your Font Awesome file are. This step is also mentioned in "Get Started – fontawesome.com"

    Login or Signup to reply.
  2. The problem you’re facing is probably because you didn’t include the CSS file. You should add this: and change the href to where your Font Awesome file are.

    Login or Signup to reply.
Please signup or login to give your own answer.
Back To Top
Search