Safari Osaka−等幅

beanz (2009年3月30日 10:58) | コメント(0) | トラックバック(0)

ページを作っていてちょっと気になることがあったのでメモ。
このブログもそうだが、ページ内にやたらとプログラムコードやHTMLコードを記述することが多くなる。
で、その部分はpreタグでくくって書体は等幅フォントを使うようにしているんだが例えば 

pre {
    font-family: monospace;
}

こう指定してもMacの各ブラウザで表示が異なってしまう。
具体的にはFireFoxとOperaは同じで"Osaka−等幅"で、Safariだと環境設定の表示タブの中の等幅フォントの指定が反映されているようだが（多分デフォルトではMonaco）、この指定部分で"Osaka−等幅"がなぜか指定出来ない。
スタイルシートに 

pre {
    font-family: "Osaka−等幅",monospace;
}

としても駄目だった。

それで、ちょっと調べたんだが簡単な解決策があった。
具体的には 

pre {
    font-family: Osaka-mono, monospace;
}

と、"Osaka−等幅"を"Osaka-mono"に変更するだけでSafariでも"Osaka−等幅"でレンダリングされるようになった。

カテゴリ：

トラックバック(0)

トラックバックURL: http://blog.beanz-net.jp/beanz_mtos/mt-tb.cgi/52

コメントする