Webフォントで文字化け対策 #kanji #漢字


1月6日(日)、「漢字の正しい書き順(筆順)」サイトを更新しました。

スマートフォン向けサイトの文字化け対策として、「Webフォント」で対応しました。

対応範囲は、常用漢字、及び、人名用漢字です。
スマートフォンでは、当サイトが対応している漢字を正しく表示できない場合がありますが、その原因は、スマートフォンにインストールされているフォントの収録文字数が少ないためです。
結果、フォントファイルの大きさを抑えることができるため、限られたリソースで動作するスマートフォンでもストレスなく文字を表示することができます。
その結果、収録されていない漢字は文字化けしてしまうという問題があります。
当サイトで紹介している常用漢字、人名用漢字の中にも収録されていないものがあり、文字化けするという問題がありました。
そこで不足分の漢字を補完するために「Webフォント」という技術を使ってみました。
Webフォントファイルは、常用漢字、人名用漢字を手持ちのAndroid2.2端末で目視チェックし、、文字化けしている漢字を抽出しました。
抽出した漢字は「頬剥填叱?剥?𠮟渚琢祐禎逸謁禍悔海漢祈器響勤謹穀祉視社者煮臭祝暑署節祖僧層憎贈嘆著突難梅繁卑碑賓敏侮勉墨練懲」です。
そして当該漢字をIPAexゴシックのサブセットとして作成し、Webフォント形式に変換した上で、CSSに必要な記述を追加しました。
作成したWebフォントファイルは、WOFF形式が約13KB,EOT形式が約11KBです。
残念ながら、PC向けサイト対応済みの漢字全てをWebフォント対応するにはファイルサイズが大きくなりすぎるため見送りました。
少しでも皆様のお役に立てれば幸いです。

「漢字の正しい書き順(筆順)」サイト
PC版(URL http://kakijun.jp/ )
スマートフォン版(URL http://kakijun.jp/m-s/ )
モバイル版(URL http://kakijun.jp/m/ )

お気付きの点に関しては掲示板へお願いいたします。

キーワード:書き方 書き順 筆順