テンプレート・素材使用規約

フォントスタイル

スタイルシートで使えるフォントのスタイルです。

色を変える

color : ☆ ;

☆の部分に色を指定します。カラーチャート

文字を斜体にする

font-style : ☆ ;

normal(標準)、italic(流線斜体)、oblique(斜体)を指定できます。
サンプル(normal) サンプル(italic) サンプル(oblique)

文字の太さを指定する

font-weight : ☆ ;

normal(通常)、bold(太く)、bolder(相対的に太く)、lighter(相対的に細く)、100、200、300、400、500、600、700、800、900 を指定できます。

フォントのサイズを指定する

font-size : ☆ ;

指定方法はいくつかあります。
キーワードによる指定方法には、
(小)xx-small>x-small>small>medium>large>x-large>xx-large(大)
larger(相対的に大きく)、smaller(相対的に小さく)
があります。
また、長さをあらわす単位を使って指定もできます。

フォントを指定する

font-family : ☆ , ☆ ;

(,)カンマで複数記述すると、複数の候補を指定できます。
具体的なフォント名で指定する他にキーワードによる指定ができます。
serif(明朝系)、sans-serif(ゴシック系)、cursive(筆記体系)、fantasy(装飾)、monospace(等幅)
具体的なフォント名を指定するとき、間にスペースが含まれるようなフォント(MS P ゴシックなど)の時は、(")ダブルクォーテーションか、('シングルクォーテーション')で囲んで指定してください。"MS P ゴシック"

行の間隔を指定する

line-height : ☆ ;

normal(標準)のほかに、%などで指定できます。150%と指定すると1.5文字分の行間になります。
行間を空けると文章が読みやすくなるので、かなり使えます。

アルファベットの小文字のスタイルを指定する

font-variant : ☆ ;

normal(標準)、small-caps(小さめの大文字)を指定できます。サンプル(normal) サンプル(small-caps)

フォントの装飾を指定する

text-decoration : ☆ ;

none(なし)、overline(上線)、underline(下線)、line-through(取り消し線)、blink(点滅)