6

私は現在php、html、およびcssを学んでおり、自分のサイトでカスタムフォントを使用しようとしています. それを可能にするプロパティを見つけました@font-faceが、機能しません。私は何を間違っていますか？CSS:

@font-face {font-family: LazurskiCTT;src:url(../sources/fonts/ie/LazurskiCTT Regular.eot);}
/*IE*/ 
@font-face {font-family:LazurskiCTT;src:url(../sources/fonts/LazurskiCTT Regular.Ttf);}
/*Other browsers*/
#myFonts{font-family:LazurskiCTT;}

html:

<p id="myFonts">Lazurski</p>

ローカルマシンで使用しているためでしょうか？FireFoxで実行しています。

4

4 に答える 4

8

それを機能させるための最も簡単な（そして最良の）方法は、fontsquirrelのジェネレーターを使用することです。

http://www.fontsquirrel.com/fontface/generator

于 2011-05-13T22:31:34.403 に答える
4

フォントパスが正しいと仮定して、これを試してください。引用は...必要ないと言う人もいますが、私はそれが最もうまくいくと思います。場合によっては、CSSが引用符なしで壊れることがあります（特に空白がパスに含まれている場合）。

注：このサイトを使用して、TTFをeotに変換し、IEで機能させます（.ttfと.eotの両方を同じディレクトリに配置します）。http://ttf2eot.sebastiankippe.com/

@font-face {
    font-family: "LazurskiCTT"; 
    src:url("../sources/fonts/ie/LazurskiCTT Regular.eot"); /*IE*/
    src:url("../sources/fonts/LazurskiCTT Regular.Ttf") format("truetype"); /*Non-IE*/

}

これは私のサイトで機能します。それがあなたにもうまくいくことを願っています。

于 2011-05-12T23:30:30.030 に答える
2

/の後にスラッシュが..ありません。すでにある可能性があります。

ほとんどの Linux ベースのシステムでは大文字と小文字が区別されることに注意してください。正確に.Ttfそのように記述されていないと、 が機能しない可能性があります。

ブラウザ間でカスタム フォントを設定する方法の詳細なウォークスルーについては、次の質問も参照してください: css でカスタム フォントを使用中にエラーが発生しました

于 2011-05-12T22:15:45.967 に答える
2

ローカル マシンで動作するはずです。以下を試してください。

フォントへのパスが正しいことを確認してください。

@font-face {
font-family: CustomFont;
src: url('CustomFont.otf');
}
p {font-family:CustomFont, Helvetica, Arial}

<p>Text here</p>
于 2011-05-12T22:17:49.350 に答える