フォントの色を変える
フォントの装飾を変える３ |
フォント |
２ |
フォントの種類を変える |
次はフォントの種類を変えてみよう。大体の要領は前回のフォントの色を変えるのと同じだよ。
前回と同じように、変化させたい文字列のタグにidをつけて文字の形を変化させてみよう。
| <B id="msg">ヨッシーのホームページを作ろう！</B><P> <SPAN onmouseover="msg.style.fontFamily='HG創英角ﾎﾟｯﾌﾟ体'" onmouseout="msg.style.fontFamily=''">・HG創英角ﾎﾟｯﾌﾟ体</SPAN><BR> <SPAN onmouseover="msg.style.fontFamily='ＭＳ ゴシック'" onmouseout="msg.style.fontFamily=''">・ＭＳ ゴシック</SPAN><BR> <SPAN onmouseover="msg.style.fontFamily='ＭＳ Ｐ明朝'" onmouseout="msg.style.fontFamily=''">・ＭＳ Ｐ明朝</SPAN><BR> |
これを実行すると、
| ヨッシーのホームページを作ろう！
・HG創英角ﾎﾟｯﾌﾟ体 |
フォントの形についてはたくさんあるんだけれど、
そのうちのいくつかはトップページのフォント一覧に載せているよ。
そこから、好きな形の名前をコピーして貼り付けるだけで簡単に好きな文字の形に出来るからね。