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
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 thehref
to where your Font Awesome file are. This step is also mentioned in "Get Started – fontawesome.com"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.