◆ ハートやドクロ? う~む…使えるかも!
-------------------------------------------------------------------------
ニューアメブロになってから…
<font> 命令の中で、「face」(フェイス) という オプションが使えるようになりました!
「face」 とは、書体指定です!
たぶん、多くの人は、標準書体が 「MS Pゴシック」 になっていると思います。
でも、「face」 を使えば、明朝体にも変えられるんです♪
ただし、あなたのパソコンで表示できても、読者さんのパソコンに、同じフォントが
インストールされていなければ、相手には、意図したように見えません!
だから… 「なんちゃら…極太明朝体」 とか 「なんちゃら…ポップ体」 とか
ちょうしこいて 「なんちゃら…筆文字体」 とか を指定しても、読者さんには伝わらない
場合がありますので、あんまり、すっとぼけた書体 は選ばないほうがイイと思います!
でわ… 「face」を用いた場合の 表示例をば…!
MS Pゴシック
MS P明朝
Times New Roman
↑これの、HTMLは… ↓こう、書きます!
<span style = "font-size : 50px" > <font face="MS Pゴシック">MS Pゴシック</font><br/> <font face="MS P明朝">MS P明朝</font><br/> <font face="Times New Roman">Times New Roman</font><br/> </span> |
あの、ほれ… 前回、出てきた、「span」 も 『 すぱ~ん! 』 と、応用してるでしょ! (>ε<)
<span> と </span> で囲まれた範囲の文字に 「 font-size : 50px 」 を指定してるんです!
「span」 なら、px(ピクセル)単位でサイズ指定が可能なので、細かい調整も OK~!
それでは、絵文字について ですが…
ハートマーク や ドクロマークも、 「face」 で、『 ある特殊な書体 』 を指定することで
表示させることが出来るのです!
一般的なパソコンで、 使える絵文字書体は、"Wingdings" と "Webdings" の2種。
「face」 でこの書体を指定して、アルファベットの大文字や小文字を 書いてみると…
<span style = "font-size:50px"> <font face="Wingdings">JKLMNO </font><br/> </span> |
↑こ~ゆ~記述が… ↓こ~ なります!
JKLMNO
例えば… "Wingdings" という書体では…
大文字の J という文字コードが J マークになるんです!
まあ… でも、あんまり、絵柄のバリエーションには、期待しないでください!
しょせん、外国人様が、むか~し考えた 「 絵文字書体 」 ですから…
たいして 使えるものは 無いかも… よ!
とりあえず… 使えそうな絵文字を ピックアップしてみました↓
【 Wingdings 書体の絵文字例 】
!"$%&(
ABCDEFGHI
JKLMNO6z
RTXY[]{|
【 Webdings 書体の絵文字例 】
!"#$%&…
FGHIJKP
Ybdefhi
絵文字フォントの一覧を紹介してくださっているページ ⇒ クリック
※ まあ… 記事中の スパイス として、利用してみれば~! っつうことで…