[ 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 | × | ○ |

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

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

1 COMMENT

links for 2010-11-05

[…] Tips|Ajax|PHP & JavaScript Room プラグインサンプル。 (tags: jquery) [ CSS ] 「 Osaka−等幅 」 フォントの指定方法 | Bowz::Notebook 等幅フォント。 (tags: mac,css) テキストエディタ EmEditor – 箱型編集 (1) […]

コメントを残す

メールアドレスが公開されることはありません。 が付いている欄は必須項目です