0

わかりました、私はCSSの初心者なので、ここに行きます。私が使用しているテンプレートには、スタイルシートがあります

頭 {font-family:Verdana; フォントサイズ:16px; color:#000000;}
body {font-family:Verdana; } フォントサイズ:12px; color:#ffffff}
{color:#ff0000; font-family:Verdana; font-size:30px;}
bluetext {color:#0000ff;}
tooltip{font-family:Verdana; } フォントサイズ:11px; 色:#ffffff;}

したがって、これらの各セクションのフォントを決定していると思います。これらすべてのセクションで、Verdana の代わりにカスタム フォントを使用したい場合はどうすればよいですか? .ttf ファイルはありますが、他に何をすればよいかわかりません。

前もって感謝します！

4

4 に答える 4

7

woff最初に Mozilla やIE などのすべてのブラウザ用のフォントをeot生成します。つまり、 http://www.fontsquirrel.com/fontface/generator & http://www.font2web.com/から生成できます。次に@font-face、CSS を記述します。

@font-face {
  font-family: 'font';
  src: url('font.eot?') format('eot'), url('font.woff') format('woff'), url('font.ttf') format('truetype');
}
body{
  font-family: 'font';
  color:#fff;
font-size:12px;
}
.head {font-size:16px; color:#000000;}
a {color:#ff0000; font-size:30px;}
.bluetext {color:#0000ff;}
.tooltip{font-size:11px;}
于 2012-04-24T08:44:12.673 に答える
2

そのためには font-face を使用する必要があります。基本的な実装は次のとおりです。

@font-face {
    font-family: CustomFontName;
    src: url(http://path-to/customfont.ttf);
    font-weight:400;
}

次に、他のスタイル ルールの他のフォントと同じように使用します。

p {
    font-family: CustomFontName, Helvetica, Arial, sans-serif;
}
于 2012-04-24T08:42:23.673 に答える
0

これをcssファイルに使用する必要があります：

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

IE で作業するには、フォントの別のバージョンを .eot 拡張子でエクスポートし、別の src プロパティを追加する必要があります。

編集: @font-face の使用に関する便利なリンクは次のとおりです: http://www.webistrate.com/css3-custom-fonts-using-font-face/

于 2012-04-24T08:40:10.727 に答える
0

最初にこのフォントをサーバー/システム/ルートにインストールしてください。

そして、CSSでこのように適用します 

@font-face {
        font-family: 'myriadproregular'(i.e.custom font name);
        src: local('myriadproregular'), url('myriadproregular.ttf') format("truetype");
    }
    and  if you want more than one font you can do the same
    @font-face {
        font-family: 'myriadprocond';
        src: local('myriadprocond'), url('myriadprocond.ttf') format("truetype");
    }
    @font-face {
        font-family: 'myriadprosemibold';
        src: local('myriadprosemibold'), url('myriadprosemibold.ttf') format("truetype");
    }

次のように、使用したい場所でフォント名を使用するだけです

p
{
font-family:"custom font name"

}
于 2012-04-24T08:45:25.447 に答える