10.絵文字をつかってみる~<font face="Webdings">Y</font> | ブログ★ちょいギャクおやじ★おpapi

ブログ★ちょいギャクおやじ★おpapi

おpapi は

アメブロの、1期生なんです。

思えば… これまで多くの仲間たちと、おっぺけぺ~ なアメブロを

良くしようと、いろんなチャレンジを、試してきたな~ぁ

それも今では、懐かしい思い出。

なので、ここは、皆さんのために残しときますよ!




◆ ハートやドクロ? う~む…使えるかも!  
-------------------------------------------------------------------------


ニューアメブロになってから…
<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




絵文字フォントの一覧を紹介してくださっているページ ⇒ クリック


※ まあ… 記事中の スパイス として、利用してみれば~! っつうことで…