やあみんな、私はIExplorer、Chrome、Safariなどに問題があります。Firefoxだけがこの@font-faceルールのすべてで完全に機能します。
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>
CalibriフォントはOSにインストールされているためか、問題はありません。HANDフォントが問題です。さらに、IExplorerはcss(color、font-size、align ..)で税関を書く必要はありません。それだけです。解決策を見つけたいと思っています。
追伸:2つの異なるオンラインコンバーターを使用して.ttfフォントをeotに変換しました-スパムでごめんなさい:/(http://ttf2eot.sebastiankippe.com)www.kirsle.net/wizards/ttf2eot.cgi実行に問題があるためグーグルコードのttf2eotどうもありがとう!