TOPページ >  文字を修飾する(書体、色、大きさなど...) > 文章の書体を指定する(スタイル指定)

文章の書体を指定する(スタイル指定)

タグ内で style指定することで、文章の書体(フォント)を指定することができます。

InternetExplorer3 Netscape4
<タグ名 style="font-family:書体名">書体を指定する文章</タグ名>
  1. タグ名: <p>や<div>、<span>などが一般的ですが、他にも下記のタグが使用できます。
    ■ブロックタグ  bodyaddressblockquotedivdirdlformh1~h6menuolppreplaintexttableulxmp
    ■インラインタグ  abbigblinkcitecodeemfontiinputkbdssampselectsmallspanstrikestrongsubsuptdtextareattuvar
  2. 書体名:書体名を指定します。
    ' Osaka ' , ' 極細明朝 '
    というふうに、' (シングルクォート)で囲った上に、,(カンマ)で区切って複数指定することができます。これは、ブラウザのシステムが対応していない場合に、代わりに表示する書体を指定するためです。

サンプルソースです。

<p style="font-family:'細明朝体','MS 明朝'">
この段落は細明朝体、システムが対応していない場合はMS 明朝。</p>
<div style="font-family:'Trebuchet MS','Verdana'">
この段落はTrebuchet MS、システムが対応していない場合はVerdana。</div>

このソースを表示させると、次のようになります。

この段落は細明朝体、システムが対応していない場合はMS 明朝。

この段落はTrebuchet MS、システムが対応していない場合はVerdana。

書体のサンプルは、こちらをご覧ください。

ランキングに参加中です! お役に立てたらクリックをお願いします→

同一カテゴリ内一覧
文字の大きさを指定する(FONTタグ)
文字の修飾方法を指定する
文字を点滅させる
ルビ(ふりがな)の位置揃えを指定する
ルビ(ふりがな)の表示位置を指定する
文字にルビ(ふりがな)を付ける
文章の一部にスタイルを適用する
文字を等幅文字にする
文章の書体、サイズ、行の高さ、スタイルをまとめて指定する
文章の書体を指定する(スタイル指定)
文章の段落を指定する
文字をイタリック/斜体にする
文字の書体を指定する(専用タグ)
文字に下線をつける(アンダーライン)
文字を見え消しにする(取消線)
文字を強調する
文字の太さを指定する
文字を太字にする
上付き/下付き文字にする
文字の色を変える
文字を一段大きく/小さくする
文字の大きさを指定する(スタイル指定)
IEの方はこちらから当サイト ブックマークできます。
ランキング参加中!お役に立てたら クリックをお願いします。
当サイト掲載カテゴリは
Yahoo! JAPAN コンピュータとインターネット > データ形式 > HTML > リファレンス