CSSスタイルシートとカスタムフォント

申し訳ありませんが、私はCSS初心者ですのでここで説明します。テンプレートにはスタイルシートがあります。CSSスタイルシートとカスタムフォント

head {font-family：Verdana; font-size：16px;色：＃000000;}
本文 {font-family：Verdana; font-size：12px;色：#ffffff}
a {color：＃ff0000; font-family：Verdana; font-size：30px;}
bluetext {color：＃0000ff;}
ツールチップ{font-family：Verdana; font-size：11px; 色：#ffffff;}

このように、これらのセクションごとにフォントがどのようなものかを判断しています。これらすべてのセクションでVerdanaの代わりにカスタムフォントを使用する場合はどうすればよいですか？私は.ttfファイルを持っていますが、他に何をすべきか分かりません。

ありがとうございます！あなたのCSSファイルにこれを使用する必要があります

出典

2012-04-24 user1323153

可能重複としてを使用するこれまでのフォント名を使用して、あなたの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"); }

を適用私たちのウェブサイト]（http://stackoverflow.com/questions/1718488/how-to-use-our-custom-font-on-our-website） – Quentin

あなたはfont-family、colorなどを宣言する必要はありません各クラスごとに。それらは親要素から継承されるので、font-familyとcolorの設定はbody要素とオーバーライドする要素にのみ必要です。また、ページの 'head'セクションには、ページのタイトル、スタイルシートなどが含まれていますが、実際にはページ上には表示されないので、何もしません。最後に、クラスとその表記法をCSSで調べる必要があります。クラス 'bluetext'と' tooltip'は '.bluetext'と' .tooltip'でなければなりません。 –

：IE上で動作するためには

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

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

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

出典

2012-04-24 08:40:10 gabitzish

あなたはそのために、フォントフェースを使用する必要があります。基本的な実装は次のとおりです。

他のスタイルルールの他のフォントと同じように使用してください。

p { 
    font-family: CustomFontName, Helvetica, Arial, sans-serif; 
}

出典

2012-04-24 08:42:23 szabcsee

まずだから、あなたはhttp://www.fontsquirrel.com/fontface/generator & http://www.font2web.com/から生成することができ、MozillaのためのwoffのようにIEなどについてeotをすべてのブラウザのフォントを生成します。あなたのCSSに@font-faceと書いてください。

@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-24 08:44:12 sandeep

このフォントは、まずserver/system/rootにインストールしてください。

&その後、ちょうどあなたがそのように私たちのカスタムフォントを使用する[方法の

p 
{ 
font-family:"custom font name" 

}

出典

2012-04-24 08:45:25 Jack

CSSスタイルシートとカスタムフォント

答えて

関連する問題