スタイルシートいぢり
ちょっと前にどこやらかのサイトで見かけて気になっていた話がありました。それはMacOSXのSafariにおけるフォント問題。ボールドが表示できないとかそういうやつですね。
ワタシはとんとマックにうといもんですから、ふーんと思っていたんですが、マックでここを見てくれる人も結構多いですしね。放って置くわけにはいかない。ところどころボールドのやたら多いサイトですし。
だいたいですね、MTに日本語パッチをあてた段階でのデフォルトのスタイルシートでは、フォントファミリー設定はこんな感じになっているのです。
font-family: "Osaka", "ヒラギノ角ゴ Pro W3", "MS P ゴシック", sans-serif;
そしてワタシは「このヒラギノって何? だいたいMacはOsaka、WinはMS Pゴシックでいいんじゃねぇの」って思い、すっきりさせようとしてわざわざご丁寧にも「ヒラギノ角ゴ…」を全部削ってましたよ。そもそも「ヒラノギ」って頭ん中では読んでました。ね、マックにうといでしょ。
で、これではダメなんだそうですね。じゃあ「ヒラギノ角ゴ…」を元に戻せばいいかっていうと、それでもダメ。Safariは日本語のフォント名を読めないとかいろいろで…。結局下記のようなのが正しい解決法なんだそうです。
font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "Osaka", "MS P ゴシック", sans-serif;
この辺はLife with Palm Pilotさんとこの3月半ばあたりの記事に詳しいです。ていうか、最初にこれを読んだのだったかも。とにかくここに詳しく説明されているおかげで納得しました。感謝です。
というわけでSafariなみなさま、ライオンは見えますか? じゃなくてボールドはちゃんと見えてますか?





コメント
なるほどー。
いままで「この細い文字に見える部分はなんじゃろ?」と
思っていたところは、実はボールドだったんですね。
ちゃんとSafariで見えてます。
OS Xはヒラギノが魅力の一つなんですよ。
美しいフォントですよん。
ワタシは原稿をヒラギノ丸ゴで書いてます。
#と、明日使う事もできない無駄知識(笑)。
Posted by: ワンワン | 2004年04月10日 09:09
emとかbだとボールドにならないみたいなので、strongを使ってます。
Posted by: eye | 2004年04月10日 11:27
さっそくありがとうございます。
>わんこ
あ、やっぱり細くなってたんですね。
Osakaだけ指定するとそうなるんだそうで。
ヒラギノは、それはそれは美しいフォントだそうですね。
ええ、今回検索したりしてはじめて知りました。
で、ますますいっちょうマックを手元においてみたくなりましたよ。
>eyeさん
なるほど。そういう手もありましたか。
しかしこのSafariのバグというか不具合は以前から有名らしいですね。
これもはじめて知りました。Win環境だけの個人サイト作製者は知らない人も多いでしょうね。
ちょっと厄介ですね。
Posted by: とらじろう | 2004年04月10日 12:39
僕は、フォント指定をまったくしない、という
非常に後ろ向きな方法で対処しています(笑)。
Posted by: マサ村上 | 2004年04月13日 16:45
あ、マサさん、たしかにそうですね。
逆転の発想というか、迂闊にもそこに思い至りませんでした。
こういうブラウザの状況で、なまじフォントなんか指定する方がおかしいという気がしてきましたよ。
Posted by: とらじろう | 2004年04月13日 22:44
コチラでお世話になってたんです。
トラックバックさせていただいていたのですが、
サイト名が英字になっていたので、
気づかれなかったのかもしれませんね。
その節は、ホント助かりました。
謎を解いていただき、スッキリさせていただきました。
ありがとうございました。
これからもよろしくお願いします。
Posted by: 青髭日記 | 2004年06月24日 01:24
青髭さんどうもです。なるほどそうでしたね。
トラックバック受けていたのにうかつでした。
当サイト結構検索で上の方に来るので、
期待はずれのことも多いかもしれませんが、
時折調べもののお役に立てることもあったりすると、
素直にうれしいです。ま、他力本願の情報ばかりですが。
今後ともよろしくお願いします。
Posted by: とらじろう | 2004年06月24日 22:46