Question 42887 in Html Question posted in
Some basic documentation can be found here.

Fontawesome icons aren't showing up – Html

I am trying to use fontawesome 5 icons. My kit is from 4 so I’m not sure if thats the issue. any help?

<!DOCTYPE html>

<head>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="chasebiscamp.css">
<script src="https://kit.fontawesome.com/68e7b84e8d.js" crossorigin="anonymous"></script>
<title>CB</title>
</head>

<body>
    <nav>
        
            <button class="nav" id="profile_tab">Profile</button>
            <button class="nav" id="chat_tab">Chat</button>
            <button class="nav" id="friends_tab">Friends</button>
            <button class="nav" id="gallery_tab">Gallery</button>           
            <button class="nav" id="settings_tab">Settings</button>

    </nav>

    <p><i class="fa-solid fa-user" style="color: #000000;"></i></p>

    <div class="content_body" id="profile">
        <h1></h1>
    </div>

    

</body>

</html>

its pretty self explainatory.

Tags:

2

Answers


  1. 0

    It Should Be A Problem in Your Root Directory And Try It With Nodejs

    Login or Signup to reply.
  2. 0

    Simply add "fa" in classlist

    <p><i class="fa fa-solid fa-user" style="color: #000000;"></i></p>

    Example working

    Login or Signup to reply.
Please signup or login to give your own answer.

Back To Top
Search