Problème Font avec Firefox

Bonjour,

J'aimerai utiliser la police Roboto. Je n'ai aucun problème avec Google Chrome, par contre avec Firefox je n'arrive pas à afficher la police "Roboto Light", voici mon code :

@font-face {
font-family: "Roboto";
src: url("font/Roboto-Regular.ttf");
}
@font-face {
font-family: "Roboto Light";
src: url("font/Roboto-Light.ttf");
}

.header{
font-family: 'Roboto Light', sans-serif;
}

Si vous avez d'autres solutions plus simple je suis preneur, je n'ai jamais été très à l'aise avec ces polices ...
Modifié par pimous (29 Sep 2015 - 15:41)

Bonsoir,

Pour commencer, ta fonte n'est pas déclarée correctement (google est un peu trop permissif sur ce point) : la famille de police doit être la même, même si tu as plusieurs fichiers différents :

Ensuite, tu ne donnes aucune indication au navigateur sur la graisse ou l'italique, ce qui est préconisé également.

Essaye de tirer parti des exemples présents ici : http://www.alsacreations.com/astuce/lire/630-fonte-personnalisee-site-web.html

Bonne chance