<< スタイルシート(CSS) 色の指定 color | Home | スタイルシート(CSS) フォントサイズ font-size >>

スタイルシート(CSS) フォントの指定「font-family」

CSSのプロパティ、font-familyではフォント名を指定します。

font-familyのフォーマットは次の通りです。

font-family: フォント名;

複数のフォント名を指定するには、次のように「,(カンマ)」で区切って指定します。

font-family: フォント名,フォント名,フォント名;

また、フォント名にスペースが含まれている場合は、次のように「"(ダブルクォーテーション)」あるいは「'(シングルクォーテーション)」で囲む必要があります。

font-family: "Times New Roman";


フォント名を複数指定している場合は、一番最初あるいは、より左に指定したフォントが優先されますが、指定したフォントがユーザーの環境で表示できることが前提となります。

フォント名とは別に、下のようなフォントの種類名で指定することも出来ます。

・serif: 明朝系フォント
・sans-serif: ゴシック系フォント
・cursive: 草書体、筆記体系フォント
・fantasy: 装飾体系フォント
・monospace: 等幅フォント

このようなフォントの種類で指定すると、ユーザーの環境にあったフォントで表示されます。


注意が必要なのは、このプロパティで指定したフォントが、ユーザーのPCに入っている必要があります。

デフォルトの状態でも「Windows」「Mac」「Linux」「UNIX」等のOSによってインストールされているフォントが異なることを覚えておきましょう。



Calendar

   1234
567891011
12131415161718
19202122232425
262728293031 
<< August 2018 >>

Recent Entries


Categories


Archives


Profile


Valid XHTML 1.0 Transitional

Valid CSS!

Comments

Leave Comment










Trackbacks

Trackback URL

Recent Comments

Recent Trackbacks