1. Accueil
  2. Forum Codes-Sources
  3. Javascript / DHTML

Remplacer Font Awesome par Line Awesome [Résolu]

Signaler
Messages postés
63
Date d'inscription
dimanche 3 décembre 2017
Statut
Membre
Dernière intervention
16 mars 2020
 -
Messages postés
63
Date d'inscription
dimanche 3 décembre 2017
Statut
Membre
Dernière intervention
16 mars 2020
 -
Bonjour,
Je souhaite me servir de ce service, Line Awesome : https://icones8.fr/line-awesome
Je vais utiliser le CDN, il suffit de remplacer le CDN de font awesome par celui de line awesome, mais ça ne fonctionne pas.

Voici mon code CSS 
.button span::after {
	padding-top: 5px;
	font-family: "FontAwesome";
	font-size: 20px;
	content: '\f07a';
	font-weight: 300;
	color: rgba(255, 255, 255, 0.7);
	position: absolute;
	opacity: 0;
	top: 0;
	right: 20px;
	transition: 0.5s;
}


Merci d'avance,

5 réponses

Réponse 1 / 5
Messages postés
1783
Date d'inscription
vendredi 9 mai 2008
Statut
Modérateur
Dernière intervention
2 avril 2021
 126
bonjour

a tu ajouter le lien vers le fichier css 

<link rel="stylesheet" href="https://maxcdn.icons8.com/fonts/line-awesome/1.1/css/line-awesome-font-awesome.min.css">
Réponse 2 / 5
Messages postés
63
Date d'inscription
dimanche 3 décembre 2017
Statut
Membre
Dernière intervention
16 mars 2020
Bonjour,
Oui, voici mon head : 
<!DOCTYPE html>
<html lang="fr">

<head>

	<title>Shop</title>

	<meta charset="utf-8" />

	<link rel="stylesheet" href="https://maxcdn.icons8.com/fonts/line-awesome/1.1/css/line-awesome-font-awesome.min.css">

	<link rel="stylesheet" href="assets/styles/shop.css" />

</head>
Réponse 3 / 5
Messages postés
1783
Date d'inscription
vendredi 9 mai 2008
Statut
Modérateur
Dernière intervention
2 avril 2021
 126
et le nom de la police reste la même ? 

font-family: "FontAwesome";
Signaler
Messages postés
63
Date d'inscription
dimanche 3 décembre 2017
Statut
Membre
Dernière intervention
16 mars 2020
 
@font-face { font-family: FontAwesome;
Réponse 4 / 5
Messages postés
1783
Date d'inscription
vendredi 9 mai 2008
Statut
Modérateur
Dernière intervention
2 avril 2021
 126
en regardant le fichier css on a bien le declaration du nom de la police ainsi que l'url de la police declaré en plusieur format afin de garantir la compatibilité navigateur donc normalement sa devrait fonctionner. A part un probleme d'url ou de nom de la police je vois pas d'ou sa peut venir. 

@font-face {
  font-family: "FontAwesome";
  src: url("../fonts/line-awesome.eot?v=1.1.");
  src: url("../fonts/line-awesome.eot??v=1.1.#iefix") format("embedded-opentype"),
       url("../fonts/line-awesome.woff2?v=1.1.") format("woff2"),
       url("../fonts/line-awesome.woff?v=1.1.") format("woff"),
       url("../fonts/line-awesome.ttf?v=1.1.") format("truetype"),
       url("../fonts/line-awesome.svg?v=1.1.#fa") format("svg");
  font-weight: normal;
  font-style: normal;
}


rien ne sert de courir il faut partir a point.
cours Forest cours !
Réponse 5 / 5
Messages postés
63
Date d'inscription
dimanche 3 décembre 2017
Statut
Membre
Dernière intervention
16 mars 2020
UP
Répondre Posez votre question