このエントリーをはてなブックマークに追加 Twitterでツイート serifでBatang!?

Windows7の開発環境にWordPressのインストールを行った際、「情」の「月」の部分が「円」で表示されます。その時は何気なくながしたのですが、少し気になってしまい、この週末に調べてみました。

より状況を分かりやすくするために、次のHTMLソースで各ブラウザで見比べてみます。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html lang="ja">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<style type="text/css" media="screen">
body {
	font-size: 25px;
	font-family: serif;
}
</style>
</head>
<body>
ようこそIT労働情報へ
</body>
</html>

ブラウザごとの表示の違い
右図の上からIE 8、IE 7、Firefox 3.5.7、Safari 4.0.4、Chrome 3.0.195(OSは、IE 7がWindows Vistaで、それ以外はWindows 7)。日本語の部分に関しては、FirefoxとChromeはMS 明朝で、IE 7とSafariがMS ゴシックで、IE 8はいくつかのフォントで表示されているように見えます。

このIE 8で使われているフォントを探してみると、どうやら「Batang 標準」が適用されているようです。韓国語のフォントみたいですが、ひらがなだけでなく漢字もある程度定義されているようですが、日本語で使う漢字がすべて定義されているわけでなく、定義されていないものはMS ゴシックが代用される仕組みで、例にあげたIE 8の表示になっていることがわかります。

このような表示の違いを避けるには、font-familyに適当な日本語フォント名を記述するだけです。それほど遭遇する問題ではないと思いますが、日本語以外のWordPressのテーマを利用するときなど、font-familyの記述内容は要確認ですね。

投稿日:2010年1月12日
  • ※コメントは、スパム対策などのためIPアドレスにて制限しております。
  • ※誹謗や中傷、スパムなど、不適切な内容は公開いたしません。ご了承ください。