特にディスプレイに表示した時に最も美しくて読み易い日本語フォントは何か？と問われたら、私はすかさず「ヒラギノ丸ゴシック」と答えます。しかしながら、このフォントをSafari使用中に自分のブログで表示させることは、決して容易なことではなかったのです。

当ブログはWordPress.orgで運営しております。去年の1月頃から豊富なカスタマイズメニューが用意されているSuffusionをテーマに使用しています。これまではDashboard > Appearance > Suffusion Options >> Theme Skinning >> Body FontsでCustom stylesにチェックを入れてFont Faceを”Trebuchet MS, Helvetica, sans-serif”を選んでいました。（日本語フォントは選べません。）しかし、この状態でstyle.cssファイルを編集してヒラギノ丸ゴシックでフォント指定しても意味がないことに漸く気付きました。Custom stylesにチェックを入れて保存した時点でその設定内容が優先され、テーマのフォント設定（style.cssファイル）は上書きされてしまいます。

そこで、SuffusionのBody FontsはTheme styles (default)にチェック。そしてSuffusionのstyle.cssファイルでのフォント指定を以下のように行いました。

font-family: Trebuchet MS, Arial, Helvetica, sans-serif, Hiragino Maru Gothic Pro;

元から指定されていたテーマのデフォルトに対し、先頭にTrebuchet MS、最後にHiragino Maru Gothic Proを追加しました。これで英語フォントはTrebuchet MS、日本語フォントはヒラギノ丸ゴシックプロで表示されるようになりました。希望が叶うまで年単位の時間が経過しております。