Bonjour,
Je me bute à un petit soucis quand à l'intégration d'une police d'écriture sur mon projet.
Je respecte pourtant bien la syntaxe et les formats de police pour cette propriété.
voici le bout du css concernée
@font-face {
font-family: 'icomoon';
src: url('../fonts/icomoon.eot');
src: url('../fonts/icomoon.eot?#iefix') format('embedded-opentype'),
url('../fonts/icomoon.ttf') format('truetype'),
url('../fonts/icomoon.woff') format('woff'),
url('../fonts/icomoon.svg#icomoon') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'harabara';
src: url('../fonts/harabara.eot');
src: url('../fonts/harabara.eot?#iefix') format('embedded-opentype'),
url('../fonts/harabara.woff2') format('woff2'),
url('../fonts/harabara.woff') format('woff'),
url('../fonts/harabara.ttf') format('truetype'),
url('../fonts/harabara.svg#harabara') format('svg');
font-weight: normal;
font-style: normal;
}
Il est a noter que je souhaite intégrer des polices d'écritures et des polices iconiques sur firefox.
Ce code marche sur tous les autres navigateurs que j'ai essayé (chrome, ie, edge, opéra et safari)
Mais quand j'affiche ma page sur firefox j'obtiens ce genre de caractère pour les icones :
http://hpics.li/ec5f679
et une police classique sérif pour le texte.
Je cherche donc un moyen pour que mes polices personnalisées fonctionne sur firefox.
Merci d'avance de votre aide