1Symbol対応表



今回のお役だちは
・Mac版IE4.0以降は対応していません。




「Symbol」というフォントは普通のフォントとは違い、文字の変わりにいろいろな記号が出てくるフォントです。
文字化けについてではハートマーク等トランプ記号はweb上では使えないと書きましたが、このフォントを使えばできないことはないんです。
知ってる方は知ってるものと思いますが以下の二種類の方法です。


<font face>タグ
<font face=symbol>ゥ</font>→

スタイルシート
<span style="font-family:symbol;">ゥ</sapn>→
([span]を[div]に変えても出来ますが、前後に改行が入ります)


上の方法はHPを作るときに使う「HTMLタグ」というもの。
下の方法はHPにいろんな効果を出すことの出来る「スタイルシート」というものです。

どちらでも基本的には同じ効果が得られますが、
・スタイルシートは人によってはブラウザの設定でオフにしていたりする。
・掲示板やチャットで「HTMLタグOK」のものはあっても、「スタイルシートOK」というのはまずない(見たことがない)。
という理由から、私は<font face>タグをお勧めします



対応している環境であれば「→」の右の文字がハートマークになっているはずです。
これは、フォントを変えるタグやスタイルシートです。ただ、冒頭で述べた
・Mac版IE4.0以降は対応していない
というほかにも、
・ページを見る人が自分とおなじフォントを持っていなければ意味が無い
・対応していない環境で見ると 『元気出してねゥゥゥゥゥゥゥゥ』 のような怪文書ができあがる

などのかなり困った欠点もあります。

そういうわけでこの方法でフォントを指定していろいろ遊ぶことはできるのですが、あくまでそのような致命的欠陥があるということを念頭において、使うならどこかに注意書きを書くなり、見る方への配慮をしてお使いください。


<<Symbolを使う理由>>
Symbolの他にもIE付属の「wingdings」「webdings」など面白いマークが出せるフォントは他にもあるのですが、後者の二つのフォントは
IEをインストールしてる方でないと持っていない(インストールしていても、フォントをインストールしていなければ持っていない)可能性があり、
SymbolであればMacにもWinにも標準インストールされている。
ということで、より互換性を求める方は、Symbolをお使いになるといいと思います。

自分で使おうと思って作ったんですが、作った後に「機種とブラウザによっては使えない」ということがわかり使うのをやめてしまい、もったいないからアップしちゃおうと思っただけなんですけどね…。


私に<font face>タグを教えてくれたcloudさん、Winでの動作確認に協力してくれたDECACHOさん、ありがとう!!



Symbol変換表 (この表は<font face>タグを使っています)

<全角ひらがな>
  
  
  
  
 
 
  
  
  
  
 
 
  
  


<全角カタカナ>
  
  
  
  
 
 
  
  
  
  
 
 
  
  


<半角カタカナ>
 
 
ソ
ソ
 
 
 
 
   
   


<英語半角小文字>
abcdefghijekmlopqrstuvwxyz,._
abcdefghijekmlopqrstuvwxyz ,._


<英語半角大文字>
ABCDEFGHIJEKMLOPQRSTUVWXYZ
ABCDEFGHIJEKMLOPQRSTUVWXYZ


<英語全角小文字>
_
_


<英語全角大文字>


<全角数字>
123456789
123456789


<全角数字>


<半角記号>
,.:;?!´`¨
,.:;?!´`¨
^_/
^_/
?~|''""()[]
?~|''""()[]
{}+-±×
{}+-±×
÷=<>°\
÷=<>°\
$¢£%#&*@§
$¢£%#&*@§
¬
¬


<全角記号>
´¨
´¨
_
_
\
\
±×
±×
÷°
÷°
¢£§
¢£§
¬
¬
全角スペースキー
 




水張り   イラスト贈呈   文字化け   Symbol対応表   スクリーントーン   アイコン変換   役アプリ(HP) ____お役だち?   トップ