HTML4.01では、<font>タグが非推奨になりました。スタイルで指定するようにしましょう。

スタイルシートでは　font-family : として定義します。フォント関連のプロパティをまとめました。

名前解説サンプル
カラー[color]文字の色（ＲＧＢ）#FFFFFF
フォント[font-family]フォント名、又は指定のフォント・ファミリー'ＭＳ Ｐゴシック',Osaka,sans-serif
フォントのサイズ[font-size]サイズ指定、又は指定の表現none(0)
pt / px / pc
em / ex
mm / cm / in
%
フォントの太さ[font-weight]指定の表現、又は倍率bold / bolder / normal / lighter
100 / 200 / … / 900
斜体文字[font-style]指定の表現normal / italic / oblique
小型英文字[font-variant]指定の表現normal / small-caps
行間隔[line-height]サイズ指定、又は倍率none(0)
pt / px / pc
em / ex
mm / cm / in
%
線形[text-decoration]指定の表現underline / line-through / overline / underline overline / blink / none
大文字[text-transform]指定の表現capitalize / uppercase / lowercase
文字表記の方向[direction]指定の表現ltr / rtl
方向の上書き[unicode-bidi]指定の表現normal / embed / bidi-override

CSSリファレンス：目次

文字の色を指定する（RGB）

《sample.css》

<style type="text/css">
body {
    color: #FF0000; 
}
</style>
sample1

フォント名又はフォント・ファミリーを指定する

《sample.css》

<style type="text/css">
body {
    font-family: 'ＭＳ Ｐゴシック',Osaka,Arial,Helvetica,sans-serif;
}
</style>
sample2

フォントのサイズ

《sample.css》

h1 { font-size: 18pt; }
h2 { font-size: 14pt;}
p { font-size: 10.5pt; }
small { font-size: 0.5em; }
sample3

フォントの太さ

《sample.css》

p.sample1 {
    font-weight: bold;
}
sample4

フォント斜体文字

《sample.css》

span.sample {
    font-style: italic;
}
sample5

小型英文字

《sample.css》

span.sample {
    font-variant: small-caps;
}
sample6

行間隔

《sample.css》

span.sample {
    line-height: 200%;
}
sample7

線形（修飾）

《sample.css》

span.sample {
    text-decorationt: underline;　　①下線
}
sample8

大文字

《sample.css》

span.sample {
    text-transform: capitalize;　　①先頭を大文字
}
sample9

文字表記の方向・方向の上書き

unicode-bidiプロパティと合わせて使用します。

《sample.css》

span.sample {
    direction: ltr;　　　　　　　　　①左から右へ
    unicode-bidi: bidi-override;　　 ②UNICODEの方向を無効
}
sample10
TOPへ


inserted by FC2 system