血統の森+はてな

旧はてなダイアリーの自動インポートによるアーカイブです。

IPAフォントをwoffにして遊んでみた

情報処理推進機構:プレス発表:記事:約6万文字を収録した新しいIPAフォント(検証版)の公開
http://www.ipa.go.jp/about/press/20110518.html

何か新しいIPAフォントが出たので、窓の杜 - WOFFコンバータを使ってまずWOFFにコンバートしました。で、

文字情報基盤 文字情報一覧表 ver.000.01 (検証版)
http://ossipedia.ipa.go.jp/ipamjfont/moji_list.html

にある第一分冊を適当に細工して、こんなHTMLを作ってみた。

...
<style type="text/css">
@font-face {
  font-family: 'ipam';
  src: url('ipamjm.woff') format('woff');
  font-style: normal;
}

td.fon,td.ipa,td.local{font-size: 36pt;}

td.fon{font-family: "MS 明朝";}<!--あえてserifは書かない方向で-->
td.ipa{font-family: 'ipam';}
td.local{font-family: "IPAmj明朝";}
</style>
...
<tr>
<td><img width="50" height="50" src="mj000001.png" /></td>
<td class="local">&#x3005;</td>
<td class="ipa">&#x3005;</td>
<td class="fon">&#x3005;</td>
<td>3005</td>
</tr>
...

で、とったSSがこんな感じ。ブラウザは下の表の通り。


↓ブラウザ表

IE9 Safari 5.0.5 Opera 11.11
Fx 4.0.1 Chrome 13.0.767.1 dev Opera Next(11.50 alpha build 1009)

いえること。

  • IE9すげー。規範レンダリングになってる!!
    • IE9以外のブラウザはwoffのIPA明朝の読み込みにどれも失敗しているみたい。@foont-face書き方は間違えていないつもりだけど(汗)
  • 何か知らないけど、OperaFirefoxがローカルにインストールしたIPA明朝すらちゃんと読み込んでくれていないんですけど…。
  • 相変わらずSafariはフォント名に日本語を含んでいるとアレですか。

なんか自信ないですが、今回のHTML/CSSの文法がミスしてないという前提に立てば、日本語フォントのwoffってIE9以外はなぜかダメ、つまり全然使い物にならないということになるんですけど、どうなんでしょうか…。