font要素

TOPページに戻る > html入門

スポンサード リンク

font要素

文字のフォントの種類、大きさの指定、色の指定を指定できます
font要素はインライン要素なので文章中に使えます
font要素はHTML4では推奨されない要素です。なるべくcssのfontプロパティで文字のスタイルを指定してください
font要素はHTML5では廃止されました

使い方(書式)

<font></font>

font要素

対応ブラウザ ie6 ie7 ie8 ie9 ie10 ie11 google Chrome safari fire fox opera
要素の種類 インライン要素
内容となる要素 インライン要素、テキスト

属性 説明
face属性 テキストのフォントの種類を指定できます
推奨されない属性なのでcssのfont-familyプロパティを使ってください
size属性 テキストの大きさを指定できます
推奨されない属性なのでcssのfont-sizeプロパティを使ってください
color属性 テキストの色を指定できます
推奨されない属性なのでcssのfont-colorプロパティを使ってください
共通属性 html共通属性
イベント属性 htmlイベント属性

実際の指定方法

html

<font color="blue">テキスト</font>

実際の表示

テキスト

cssでスタイルを指定

html

クラス名は自由に変えてください。hogeがclass名です
<span class="hoge">テキスト</span>

css

.hoge{ color: #FF6600; }        /* 文字色をオレンジに指定 */
.hoge2 { font-weight: bold; }   /* 文字を太くする */
.hoge3 { border: solid 1px #FF9900; } /* 枠線を表示 */
.hoge4 { font-size: 0.7em; }    /* 文字の大きさを指定 */
.hoge5 { background-color: #FFEFD5; } /* 背景色を指定 */
.hoge6{ font-family: "MS 明朝"; } /* テキストの書体をMS 明朝指定 */

実際の表示

文字色 color: #FF6600;

テキスト

文字の太さ span-weight: bold;

テキスト

枠線を表示 border: solid 1px #FF9900;

テキスト

文字の大きさ span-size: 0.7em;

テキスト

背景色を指定 background-color: #FFEFD5;

テキスト

テキストの書体をMS 明朝指定 span-family: "MS 明朝";

テキスト

その他のデザインはcssでスタイルを指定





(C)2012 ホームページ作成無料