font-familyの名前

CSS


今のところ半ば自分用メモ。上の画像、左はWebKit NightlyBuild、つまり開発版Safari。右はFirefox2.0。で、以下のコードを表示。

<html>
<head>
<title>フォントのテスト</title>
<style>
p {
	font-size: 22px;
	line-height: 1.1em;
}
.useName {
	font-family: "ヒラギノ角ゴ Std W8";
}
.usePSName {
	font-family: "HiraKakuStd-W8";
}
</style>
</head>
<body>
<p class="useName">
useName<br>
English Text and<br>
日本語の文書 (Japanese Text)
</p>
<p class="usePSName">
usePSName<br>
English Text and<br>
日本語の文書 (Japanese Text)
</p>
<div style="width: 25em;">
<script>
document.write(navigator.userAgent);
</script>
</div>
</body>
</html>

Nightlyだけでなく普通のSafariもこの件では*1一緒。
本来ならば上も下も、どっちも太い文字(ヒラギノ角ゴ Std W8)で表示されて欲しい。のだけれど、Firefox2ではフォント名での指定のみが、WebKitではPostScript名での指定のみが理解されるようだ。ちなみにフォント名及びPSフォント名はFontBook.appを使って調べる。
バグレポートしようと思ったら、すでに出ているみたい。
7709 – WebKit only uses PostScript font names for CSS fonts

*1:きちんと調べてないけど、なんか角ゴProではNightlyの方が下手になってる。