0

やあみんな、私は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どうもありがとう!

4

1 に答える 1

0

FontSquirrel @font-facegeneratorで素晴らしい結果が得られました。あなたはそれにあなたのttfを与え、それはcssとeotを含むあなたが必要とするすべてを返します。すべての主要なブラウザで動作します。

于 2010-05-21T05:36:23.870 に答える