ひらがなを半角、半角カタカナを全角で表示

CSSの -moz-font-feature-settings プロパティで指定可能なOpenTypeの機能。こんな感じで使用。

.hwid1 {
	-moz-font-feature-settings: "hwid=1";
}

デモページはこちらになります。

実際にデモページが正しく描画されない環境の方の為にキャプチャ付きで解説をします。

ひらがなを半角で表示

hwid=1 で有効になります。ソースを見たり、エディタにコピペするとちゃんと元は全角のひらがなで有る事が確認出来ます。

半角カタカナを全角で表示

fwid=1 で有効になります。ソースを見たり、エディタにコピペするとちゃんと元は半角のカタカナで有る事が確認出来ます。

プロポーショナル幅

pwid=1 で有効になります。

関連情報

OpenType Layout tag registry
http://www.microsoft.com/typography/otspec/features_fj.htm#hwid