Ikony nie wyświetlają się na stronie internetowej

0

Hej! Jestem początkująca jeśli chodzi o tworzenie stron. Robię stronkę i nie wyświetlają mi się ikony, macie pomysł dlaczego?

Z góry dziękuję za odpowiedź ;)

<<!DOCTYPE html>
<html lang="pl">
<head>
    <meta charset="UTF-8">
    <title>Landing Page</title>
      <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/font/bootstrap-icons.css" 
       integrity="sha384-b6lVK+yci+bfDmaY1u0zE8YYJt0TZxLEAFyYSLHId4xoVvsrQu3INevFKo+Xir8e" crossorigin="anonymous">        
</head>
<body>
 <header>
  <nav><i class="fa fa-camera-retro fa-5x"></i>
 </nav>
   <hgroup>
    <h1>XXX</h1>
     <h3>Tworzę strony internetowe</h3>
     </hgroup>
     <img src="img/portfolio.jpg" width="400" height="400">
     <div id="arrow"><i class="fa fa-arrow-circle-o-down" aria-hidden="true"></i></div>
 </header>
   <main>
       
   </main>
    
</body>
</html>
1

Po prostu bootstrap-icons nie ma fa-camera-retro

spróbuj np.

<i class="bi bi-camera-fill" style="font-size: 2rem"></i>

Tutaj link do przykładu.
https://icons.getbootstrap.com/icons/camera-fill/

Ta ikonka fa-camera-retro jest z FontAwesome.
Ewentualnie zmień sobie z bootstrap-icons na fontawesome
Link do tagu head.

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.2.1/css/all.min.css" integrity="sha512-MV7K8+y+gLIBoVD59lQIYicR65iaqukzvf/nwasF0nqhPay5w/9lJmVM2hMDcnK1OnMGCdVK+iQrJ7lzPJQd1w==" crossorigin="anonymous" referrerpolicy="no-referrer" />
0

Pomogło, dzięki wielkie!

1 użytkowników online, w tym zalogowanych: 0, gości: 1