Salut,
Je poste ce sujet car je rencontre un soucis au niveau de l'insertion d'une icone (sur icomoon pour mon cas).
Je n'ai pas de soucis au niveau du code etc mais simplement au niveau du caractère que icomoon me renvoie,
Voici le genre en question :
http://hpics.li/19b63ad
Je ne comprend tout simplement pas pourquoi l'icone ne s'affiche pas, j'ai lu la documentation et fais des recherches sur le net mais
rien de concluant. J'ai eu beau installer le .ttf sur mon ordi ça ne change rien, et ce, sur tout les navigateurs.
Je n'ai rien changé à la syntax du css et j'ai même repris la class proposée pour être sûr. La référence au niveau du html est là sans erreur de chemin. Au cas où voici les parties concernées :
html :
<!DOCTYPE html>
<html lang="fr">
<head>
<title>Test</title>
<meta charset="UTF-8">
<link rel="stylesheet" type="text/css" href="../css/style-main.css">
<link rel="stylesheet" type="text/css" href="../css/style.css">
</head>
<body>
<div id="barre-menu">
<a class="navbar" href="#" target="_blank">Présentation</a>
<a class="navbar" href="#" target="_blank">Forum</a>
<a class="navbar" href="#" target="_blank">Nous Contacter</a>
<a class="navbar" href="#" target="_blank">Boutique</a>
<a class="navbar" href="#" target="_blank">Voter</a>
<span class="icon-arrow-up2"></span>
</div>
</body>
Css :
@font-face {
font-family: 'icomoon';
src: url('../fonts/icomoon.eot?72qbu');
src: url('../fonts/icomoon.eot?72qbu#iefix') format('embedded-opentype'),
url('../fonts/icomoon.ttf?72qbu') format('truetype'),
url('../fonts/icomoon.woff?72qbu') format('woff'),
url('../fonts/icomoon.svg?72qbu#icomoon') format('svg');
font-weight: normal;
font-style: normal;
}
.icon-arrow-up2:before {
content: "\e900";
font-family: 'icomoon' !important;
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
}
J'espere que vous pourrez m'aider :)
Masso