Witam!
Przerabiam kurs HTML. Lekcja 3 - stronka z zastosowaniem czcionek z Fontello. U mnie nie wyświetla na stronie ikonek mediów społecznościowych. Podobny problem już kiedyś wystąpił i okazał się błahym błędem. Wydaje mi się, że w moim przypadku błąd też jest banalny, ale po kilku godzinach wpatrywania się w kod jak sroka w kość nie widzę nic. Może ktoś coś wypatrzy?
Oczywiście w katalogu z moim plikiem html mam katalogi "css" i "font" skopiowane z archiwum pobranego z Fontello. Poniżej zamieszczam cały kod mojego pliku html.
Żeby było zabawniej, to plik demo.html z archiwum działa niezawodnie - ikony się wyświetlają - wniosek prosty, to u mnie jest błąd...
Mój system to Ubuntu 20.x
Dziękuję
<!DOCTYPE html>
<html>
<head>
<title>Strona 3</title>
<meta charset="utf-8" />
<link rel="stylesheet" href="body.css" type="text/css" />
<link rel="stylesheet" href="css/fontello.css" />
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Lato:wght@300&display=swap" rel="stylesheet">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Josefin+Sans:ital,wght@1,100&family=Lato:wght@300&display=swap" rel="stylesheet">
</head>
<body>
<div id="container">
<div class="rectangle"></div>
<div id="logo">Jan Kowalski</div>
<div id="zegar">12:58:17</div>
<div style="clear:both;"></div>
<div class="square">
<div class="tile1">1</div>
<div class="tile1">1</div>
<div style="clear:both;"></div>
<div class="tile2">2</div>
<div class="tile3">3</div>
<div style="clear:both;"></div>
<div class="tile4">4</div>
</div>
<div class="square">
<div class="tile5">5</div>
<div class="yt">
<i class="icon-youtube"></i>
</div>
<div class="fb">
<i class="icon-facebook-rect"></i>
</div>
<div class="gp">
<i class="icon-googleplus-rect"></i>
</div>
<div class="tt">
<i class="icon-twitter-bird"></i>
</div>
<div style="clear:both;"></div>
</div>
<div style="clear:both;"></div>
<div class="rectangle" style="text-align: center;">2021 © Jan Kowalski portfolio pp</div>
</div>
</body>
</html>