アラカルト

囲み数字文字（NEC特殊文字）、機種～OS、そしてブラウザ依存

更新：2007-08-21

俗に「機種依存文字」と、ひとくくりされる字形に、
丸で数字を囲んだ字形があります。

これは、元々NECのPCで扱える特殊文字でした。
（NEC特殊文字)

OSがフォントを扱うようになって、
この字形は、OSがどのように扱うかの問題となりました。

はじめ、WinのＯＳ環境では、Shift_JISを採用している[CP932]では、
NECの機種においては、文字コードのあいている領域をつかってこのNEC特殊文字を表示していました。

その後、WinのＯＳ環境ではこのNEC特殊文字を[Windows-31J](1992～)で正式に統合採用し、
「マイクロソフト標準キャラクタセット」として一貫してサポートしています。

一方、同じく、Shift_JISを使っていたMacも、[漢字Talk6.0.7]まで、このあいている領域にNEC特殊文字を対応させていました。

ただ、Macにおいては、この領域に別の字形を表示するように変更していた時期、[漢字Talk7.1](1992-11～)
)があります。
これが、囲み数字で起こる、WinとMac間の、いわゆる「文字化け」といわれる現象の理由です。

丸で囲んだ数字1～10 ①②③④⑤⑥⑦⑧⑨⑩

この時期は、ちょうどWWWなどをはじめ、ネットで文書をやりとりされることが一般化する過程でもあります。
もちろん、メールでも文字化けとなります。

このＯＳでの変節の問題に、
各々のソフトで対応しているということも考えられます。

それが、ＷＷＷの文書を扱うブラウザであれば、
閲覧しても文字化けは起こらないことでしょう。

また、OSがユニコードを扱い、対応フォントがあり、ブラウザが対応していればできそうです。
数値文字参照(2460～2469)
①②③④⑤⑥⑦⑧⑨⑩

ユニコードに一部対応していると考えられるOSバージョン
Mac OS8.5以降
Win NT3.5?
Win 95
Win 98以降

ユニコード対応
Mac OS X以降
Win NT4?,Win 2000
XP以降
Win CE

Mac OS Ｘ（Ｘは10）より、このNEC特殊文字をはじめ、Windows標準の文字セットを
再度採用するようになっています。

そこで、ＯＳの問題をブラウザで対応していたなごりが、
少し問題を引き起こしているのでしょうか？

OS XでのGecko系のブラウザ(firefox)などで文字化けが再発?しているようです。

OS標準のフォントをブラウザで選択していた場合に、文字化けが起こるようです。
その場合、ブラウザの設定で、フォントを旧標準に指定してやるとよいようです。

webページで明示的にフォントをOSAKAに指定してやるというのも、
一つの手であると考えられます。

この記事には、検証できていない曖昧な部分があります。

[CP932]
Microsoftコードページ932

[Windows-31J]
マイクロソフトがIBMとNECのコードを統合した符号化文字集合のIANA登録名

マイクロソフト標準キャラクタセット
コードページ番号
CP932(Shift_JIS)
CP51932(拡張EUC-JP)
(P50220(拡張ISO-2022-JP)

Mac
漢字Talk 1.0
JIS第1水準
漢字Talk 2.0
JIS第2水準
1989-09漢字Talk6.0.4
日本語PostScript等搭載
1991-06漢字Talk6.0.7
日本語TrueTypeフォント搭載
1992-11漢字Talk7
TrueTypeフォントOsaka
7.1
「細明朝」「中ゴシック」

1995-01漢字Talk7.5
印刷：PostScript戻す
「細明朝体」「中ゴシック体」

囲み数字文字（NEC特殊文字）、機種～OS、そしてブラウザ依存

（記事中ではハート・スペード・クラブ・ダイヤは表示されています。）

環境によって、コメント欄では、
例えば、ハートマークを表示する文字実体参照・数値文字参照のいずれでも、

ハートの形をした字形が表示されず、中黒「・」の字形が表示されています。

コメントで、ハートマークなど記入する場合は、
ちょっとした、アクセントとしてだけに使用し、

伝えたい思いは、しっかり、読むことができる文字で伝えるようにするなど工夫するといいでしょう。

残暑お見舞い申し上げます

「泡のでるポッとする飲料」がまだまだいけてます。（笑）


皆様も、体調など崩されないように。

2007 千太

Winの環境であれば、ほぼインスルーされているフォントにWingdings,Webdingsがあります。
このフォントを、HTML文書を使って指定し､ブラウザで表示させてみます。

※インターネットには､適していません。
ローカルな環境でのみにしてください。

1. fontタグでの指定

wingdingsを指定した例

<FONT face="wingdings">文字列</FONT>

文字列には、0x21(33)～0xFF(255)の文字を入れます。
キーで、直接「!」(0x21)を入力するか、

数値文字参照を使っってもいいでしょう。

<FONT face="wingdings">!</FONT>

16進法

<FONT face="wingdings">＆#x0021;</FONT>

10進法

<FONT face="wingdings">＆#33;</FONT>

スタイルシートでの指定

fontタグを使わず、スタイルシートで指定してみましょう。

style属性での指定

wingdingsを指定した例

<span style="font-family:wingdings;">文字列</span>

class属性での指定

wingdingsを指定した例

<span class="wing">文字列</span>

.wing{font-family:wingdings;
}

class属性値（この例ではwing）は、文書内での使われ方に合せて適切にしてください。

絵文字みたいなフォントの指定

#x2460
#x2461
#x2462
#x2463
#x2464
#x2465
#x2466
#x2467
#x2468
#x2469
#x246A
#x246B
#x246C
#x246D
#x246E
#x246F
#x2470
#x2471
#x2472
#x2473

数字を丸で囲んだ、2460～2473については表示

Unicode	数値文字参照
0x2460	&	#x2460	;	①
0x2461	&	#x2461	;	②
0x2462	&	#x2462	;	③
0x2463	&	#x2463	;	④
0x2464	&	#x2464	;	⑤
0x2465	&	#x2465	;	⑥
0x2466	&	#x2466	;	⑦
0x2467	&	#x2467	;	⑧
0x2468	&	#x2468	;	⑨
0x2469	&	#x2469	;	⑩
0x246A	&	#x246A	;	⑪
0x246B	&	#x246B	;	⑫
0x246C	&	#x246C	;	⑬
0x246D	&	#x246D	;	⑭
0x246E	&	#x246E	;	⑮
0x246F	&	#x246F	;	⑯
0x2470	&	#x2470	;	⑰
0x2471	&	#x2471	;	⑱
0x2472	&	#x2472	;	⑲
0x2473	&	#x2473	;	⑳

ユニコード「囲み英数字」表示されそうな20の数値文字参照

ホームページ制作、千太の絵空事

囲み数字文字（NEC特殊文字）、機種～OS、そしてブラウザ依存

コメント（0）

トラックバック（0）

「ハートマーク」などのコメント欄での表示について

コメント（0）

トラックバック（0）

残暑お見舞い申し上げます2007

コメント（6）

トラックバック（0）

絵文字みたいなフォントの指定

1. fontタグでの指定

スタイルシートでの指定

style属性での指定

class属性での指定

コメント（0）

トラックバック（0）

ユニコード「囲み英数字」表示されそうな20の数値文字参照

コメント（0）

トラックバック（0）

Yahoo!ブログからのお知らせ

過去の記事一覧

最新のコメント

最新のトラックバック

Yahoo!からのお知らせ

よしもとブログランキング