Problèmes d'Internet Explorer, Safari et Chrome avec l'affichage des règles @ font-face

Question

Hy gars, j'ai un problème avec IExplorer, Chrome, Safari etc .. Seul Firefox fonctionne parfaitement avec toutes ces @ règles de police:

En Css:

@font-face { 
font-family: Calibri; 
src: url('Calibri.ttf'); 
} 

@font-face { 
font-family: HAND; 
src: url('http://www.mydomain.org/css/HAND.eot'); 
src: url("HAND.ttf"); 
} 

#side_text { 
position:relative; 
    width:330px; 
height:800px; 
float:left; 
margin-left:25px; 
margin-top:30px; 
} 

#side_text p { 
font-family: HAND; 
font-size: 18pt; 
text-align:left; 
color:#f3eee1; 
} 

.html

<div id="side_text"> 
<p> 
    text text text text text text text text 
</p> 
</div> 

I'ven't problème avec la police Calibri, peut-être parce qu'il est installé sur os. La police HAND c'est le problème. En outre, IExplorer ne prend aucune douane écrire en CSS (couleur, taille de police, aligner ..) C'est tout, j'espère trouver une solution .. ou je vais devenir fou :(

Ps: J'ai converti la police .ttf à eot avec deux différents convertisseur en ligne - Désolé pour le spam:/(http://ttf2eot.sebastiankippe.com) www.kirsle.net/wizards/ttf2eot.cgi parce que j'ai un problème pour exécuter ttf2eot sur google code Merci beaucoup les gars! !

Answer 1

J'ai eu d'excellents résultats avec le FontSquirrel @font-face generator. vous donnez votre TTF et renvoie tout ce dont vous avez besoin, y compris le css et EOT. Fonctionne avec tous les navigateurs.