Remplacer Font Awesome par Line Awesome

Résolu
Krustiz Messages postés 63 Date d'inscription dimanche 3 décembre 2017 Statut Membre Dernière intervention 16 mars 2020 - 16 avril 2019 à 12:19
Krustiz Messages postés 63 Date d'inscription dimanche 3 décembre 2017 Statut Membre Dernière intervention 16 mars 2020 - 20 avril 2019 à 15:09
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

@karamel Messages postés 1860 Date d'inscription vendredi 9 mai 2008 Statut Modérateur Dernière intervention 12 août 2024 154
16 avril 2019 à 17:35
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">



0
Krustiz Messages postés 63 Date d'inscription dimanche 3 décembre 2017 Statut Membre Dernière intervention 16 mars 2020
16 avril 2019 à 17:37
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>
0
@karamel Messages postés 1860 Date d'inscription vendredi 9 mai 2008 Statut Modérateur Dernière intervention 12 août 2024 154
16 avril 2019 à 17:48
et le nom de la police reste la même ?

font-family: "FontAwesome";

0
Krustiz Messages postés 63 Date d'inscription dimanche 3 décembre 2017 Statut Membre Dernière intervention 16 mars 2020
Modifié le 16 avril 2019 à 18:19
@font-face { font-family: FontAwesome;
0
@karamel Messages postés 1860 Date d'inscription vendredi 9 mai 2008 Statut Modérateur Dernière intervention 12 août 2024 154
Modifié le 16 avril 2019 à 19:52
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;
}


0

Vous n’avez pas trouvé la réponse que vous recherchez ?

Posez votre question
Krustiz Messages postés 63 Date d'inscription dimanche 3 décembre 2017 Statut Membre Dernière intervention 16 mars 2020
20 avril 2019 à 15:09
UP
0
Rejoignez-nous