以前Safariでの表示にヒラギノフォントが使われるようにスタイルシートをいじった時、Mac IEでもそうなっていると思い込んでいたのですが、よく見たらOsakaで表示されていることに気づきました。Firefoxでもそうだったので、OS X環境のMozilla系ブラウザでも同様だったようです。

気づいたからには、Safari以外でもヒラギノ適用となるスタイルを、ということで、再び本文のスタイル変更です。しかし話は少々ややこしくて...

.blogbodyに適用するフォントスタイルの指定に、太字強調の部分を追加しました。

font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "Osaka", "MS Gothic", sans-serif;

最初の"Hiragino Kaku Gothic Pro"と、次の"ヒラギノ角ゴ Pro W3"は実質おなじ書体です。最初の書き方をしないとSafariでは適用されませんがMac IEやFirefoxでは無視されるので、カナ書きで同じ書体をもう一度指定したというわけです。なんか奇麗じゃありませんが、当面仕方ないかなあ。

あ、何故か半角ローマ字だけは、まだOsakaで表示されるようです。

ちなみにフォントファミリの指定を上記のようにしておくと、Safariで表示させたときでも太字指定されてる部分がちゃんと太字になります。この太字問題、OS X 10.3.3のSafari v125.1でも改善されませんでした...