Posez votre question Signaler

Remplacer Font Awesome par Line Awesome

Messages postés
46
Date d'inscription
dimanche 3 décembre 2017
Statut
Membre
Dernière intervention
20 avril 2019
 - - Dernière réponse : Krustiz
Messages postés
46
Date d'inscription
dimanche 3 décembre 2017
Statut
Membre
Dernière intervention
20 avril 2019
 - 20 avril 2019 à 15:09
Javascript / DHTML Posez votre question Signaler
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,
Afficher la suite 

Votre réponse

Répondre au sujet

5 réponses

Signaler Commenter la réponse de @karamel
Messages postés
1683
Date d'inscription
vendredi 9 mai 2008
Statut
Modérateur
Dernière intervention
16 avril 2019
 37
0
Merci
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">
Commenter la réponse de @karamel
Signaler Commenter la réponse de Krustiz
Messages postés
46
Date d'inscription
dimanche 3 décembre 2017
Statut
Membre
Dernière intervention
20 avril 2019
0
Merci
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>
Commenter la réponse de Krustiz
Signaler Commenter la réponse de @karamel
Messages postés
1683
Date d'inscription
vendredi 9 mai 2008
Statut
Modérateur
Dernière intervention
16 avril 2019
 37
0
Merci
et le nom de la police reste la même ? 

font-family: "FontAwesome";
Signaler Commenter la réponse de Krustiz
Krustiz
Messages postés
46
Date d'inscription
dimanche 3 décembre 2017
Statut
Membre
Dernière intervention
20 avril 2019
 - 
@font-face { font-family: FontAwesome;
Commenter la réponse de @karamel
Signaler Commenter la réponse de @karamel
Messages postés
1683
Date d'inscription
vendredi 9 mai 2008
Statut
Modérateur
Dernière intervention
16 avril 2019
 37
0
Merci
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 !
Commenter la réponse de @karamel
Signaler Commenter la réponse de Krustiz
Messages postés
46
Date d'inscription
dimanche 3 décembre 2017
Statut
Membre
Dernière intervention
20 avril 2019
0
Merci
UP
Commenter la réponse de Krustiz

Votre réponse

Répondre au sujet
Posez votre question
S'inscrire maintenant

Vous n'êtes pas encore membre ?

inscrivez-vous, c'est gratuit et ça prend moins d'une minute !

Les membres obtiennent plus de réponses que les utilisateurs anonymes.

Le fait d'être membre vous permet d'avoir un suivi détaillé de vos demandes et codes sources.

Le fait d'être membre vous permet d'avoir des options supplémentaires.