Police Icon / HTML


i try to download and use police icon from https://fontawesome.com/, but it doesn’t work(see picture and the code).
Thanks in advance .


TYPE html>
		<meta charset="utf-8">
		<meta http-equiv="X-UA-Compatible" content="ie=edge">
	    <link rel="stylesheet" type="text/css" href="Reservia.css"> 
		<link rel="stylesheet" type="text/css" href="/css/all.min.css">  
	<header class="hello" >
		<img src="reservia@3x.png" alt="logo"> <! -- Le logo doit être à l'intérieur de header -->
		 <menu >
		 	<nav >
		 		<a class="cat blue" href="#">Hébergements</a>
				<a class="black" href="#">Activités</a>
				<a class="blue" href="#">S'inscrire</a>
     	<h1>Trouvez votre hébergement pour des vacances de rêve</h1><br>

	    <h2>En plein centre ville ou en pleine nature</h2>

        <i class="fas fa-map-marker-alt"></i>

	    <form name="champs-recherche" action="traitement.php" method="post">

     <input type="searche" name="">











	font-family:RALEWAY; /* déjà téléchatgé, à installer/copier et entrer dans css*/

margin-right: 20px;
text-decoration: none;


	color: black;

	 border-top:3px solid #0065FC;

HI @Loussine!

You need to use the proper link for the font awesome icons.

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.1/css/all.min.css" integrity="sha512-+4zCK9k+qNFUR5X+cKL9EIR+ZOhtIloNl9GIKS57V1MyNsYpYcUrUeQc9vNfzsWfV28IaLL3i96P9sdNyeRssA==" crossorigin="anonymous" />

map icon

1 Like

Thank you very much , it works, but I have a question.

I already downloaded the polices on my PC , in the same folder as all documents for the project(see pictures)…

On my version, the link is going to the folders of polices , why doesn’t work this version?

Thank you din advance. <3

I have only used the cdn link but when I look at the documentation it looks like you have to reference the folder in the link.

Example from font awesome site

  <link href="/your-path-to-fontawesome/css/all.css" rel="stylesheet"> <!--load all styles -->
  <i class="fas fa-user"></i> <!-- uses solid style -->
  <i class="far fa-user"></i> <!-- uses regular style -->
  <i class="fal fa-user"></i> <!-- uses light style -->
  <!--brand icon-->
  <i class="fab fa-github-square"></i> <!-- uses brands style -->

I would dig around the documentation for the answers.

Hope that helps!

1 Like