28172 sujets

CSS et mise en forme, CSS3

Bonjour à tous,
J'ai un souci certes très banal mais je n'arrive pas à trouver la réponse, ici ou ailleurs. J'ai installé une police crée avec Font squirrel pour mon site.
L'affichage est impeccable avec Safari et Firefox, mais IE ne veut rien savoir, et je ne voit pas d'où ça peut venir, vu que j'ai déjà fait cette manip plusieurs fois sans souci... Si quelqu'un pouvait m'aider, ça serait génial!!
Voici mon css :
@font-face{ 
	font-family: 'police';
	src: url('police/crayone-webfont.eot'),
	     url('police/crayone-webfont.woff') format('woff'),
	     url('police/crayone-webfont.ttf') format('truetype'),
	     url('police/crayone-webfont.svg') format('svg');

puis
#titre  {
   font-family: police;
   font-size: 22pt;
}


Merci d'avance!!!

edit : j'ai changé src: url('police/crayone-webfont.eot') en src: url('police/crayone-webfont.eot') format ('eot'), mais rien n'y fait... et j'ai aussi testé une autre police, pour voir, mais toujours rien... Smiley decu
Modifié par ephelya (05 Apr 2011 - 08:32)
personne pour m'aider? J'ai beau m'arracher les cheveux, je ne trouve toujours pas le problème.. Smiley sweatdrop
Bon, et ben ça ne marche toujours pas... J'ai bien un fichier .otf et la feuille e style est à jour, mais IE ne veut rien savoir... Smiley bawling


@font-face{ 
	font-family: 'police';
	src: url('police/crayone-webfont.eot') format('eot'),
	     url('police/crayone-webfont.woff') format('woff'),
	     url('police/crayone.otf') format('otf'),
	     url('police/crayone-webfont.ttf') format('truetype'), 
	     url('police/crayone-webfont.svg') format('svg');
}


D'ailleurs, je suis surprise, je croyais qu'il était censé lire le format .eot?
Bonsoir,
essaies ceci :


@font-face { 
    font-family: 'police'; 
    src: url('police/crayone-webfont.eot'); 
    src: url('police/crayone-webfont.eot?iefix') format('eot'), 
          url('police/crayone-webfont.woff') format('woff'), 
          url('police/crayone-webfont.ttf') format('truetype'), 
          url('police/crayone-webfont.svg#webfont8VbsAwew') format('svg'); 
    font-weight: normal; 
    font-style: normal; 
} 

Modifié par fufu (05 Apr 2011 - 00:51)
Génial, ça marche! Smiley biggrin
La police est toute pale, elle semble beaucoup plus fine que sur les autres navigateurs, mais je pense que c'est lié à la conversion de format en otf.
Merci beaucoup en tout cas!!