28172 sujets

CSS et mise en forme, CSS3

Bonjour à tous,

je suis débutant dans le développement web et depuis deux jours je m'arrache les cheveux avec un problème de compatibilité des polices que je veux utiliser pour mon site. j'implore donc votre aide Smiley smile
je m'explique:

J'ai utilisé la propriété @font-face pour intégrer dans mon site une police achetée et téléchargée sur le web. Elle fonctionne très bien sur chrome, safari, firefox et IE 10.
Cependant on m'a rapporté qu'elle ne fonctionnait pas sur les version de IE antérieures à la 10...
j'ai testé toutes les manières que j'ai pu trouver dans les tutos ou les forums de rédiger une règle @font-face, en vain.

/* 1ere maniere */
@font-face {
	font-family: 'SansaPro-Normal';
		src: url('../polices/SansaPro-Normal.eot');
		src: url('../polices/SansaPro-Normal.eot') format('embedded-opentype'),
		url('../polices/SansaPro-Normal.woff') format('woff'),
		url('../polices/SansaPro-Normal.ttf') format('truetype'),
		url('../polices/SansaPro-Normal.svg#SansaPro-Normal') format('svg');
	font-weight: normal;
	font-style: normal;

}

/* 2eme maniere */
@font-face {
  font-family: 'SansaPro-Normal';
  src: url('../fonts/SansaPro-Normal.eot');
  src: url('../fonts/SansaPro-Normal.eot?#iefix') format('embedded-opentype'), 
  url('../polices/SansaPro-Normal.woff') format('woff'), 
  url('../polices/SansaPro-Normal.ttf') format('truetype'), 
  url('../polices/SansaPro-Normal.svg#SansaPro-Normal') format('svg');
  font-weight: normal;
  font-style: normal;
}

/* 3eme maniere */
@font-face {
  font-family: 'SansaPro-Normal';
  src: url('../fonts/SansaPro-Normal.eot');
  src: local(':)'), 
  url('../polices/SansaPro-Normal.woff') format('woff'), 
  url('../polices/SansaPro-Normal.ttf') format('truetype'), 
  url('../polices/SansaPro-Normal.svg#SansaPro-Normal') format('svg');
  font-weight: normal;
  font-style: normal;
}



Toutes ces manières d'appeler ma police fonctionnent sur les navigateurs que j'ai citer au début, mais pas sur les versions de IE antérieures à la 10..
Mon erreur est certainement bête, et l'astuce est sûrement simple, mais votre aide me serait précieuse Smiley cligne

j’espère avoir été assez clair dans l'énoncé de mon problème,
merci d'avance les amis,
bonjour Raphael, et merci de m'aider Smiley smile

tu as visé juste,
j'avais bien la police dans le bon format et au bon endroit, pourtant seul le format eot. ne fonctionnait pas. Lorsque je double cliquais dessus, la fenêtre d'erreur Windows s'ouvrait pour me dire qu'il est impossible d'ouvrir ce fichier.
j'ai repris le fichier OTF, l'ai converti en eot. avec Fontsquirrel, j'ai remplacé l'ancien par le nouveau, et... ça fonctionne! Smiley biggrin
comme je le disais:
"Mon erreur est certainement bête, et l'astuce est sûrement simple, mais votre aide me serait précieuse"
donc merci beaucoup!
bonne continuation,

Snoop-nShupa Smiley cligne