[ CSS ] ｢ Osaka−等幅 ｣ フォントの指定方法

ちょっと調べてみたんですが、フォントファミリーで ｢ Osaka−等幅 ｣ を指定する時、ブラウザによって指定方法が違うみたいです。

※テストしたのは全てマック版のブラウザです。

Firefox 1.5 の場合、｢ Osaka−等幅 ｣ で指定。 ｢ Osaka-mono ｣ だと反映されない。

Safari 2.0.2 の場合、｢ Osaka-mono ｣ で指定。 ｢ Osaka−等幅 ｣ だと反映されない。

| ウェブブラウザ | ｢ Osaka−等幅 ｣ で指定 | ｢ Osaka-mono ｣ で指定 | | ————– | :——————–: | :——————-: | | Firefox 1.5 | ○ | × | | Firefox 3 | ○ | ○ | | Safari 2.0.2 | × | ○ | | Safari 3.1.1 | × | ○ |

と言う感じになってました。

サンプル を作ってみたのでアップしておきます。