Safari Readerの表示をより読みやすくカスタマイズ

Safari 5のReader機能（アドレスバーに[リーダー]ボタンが出るやつ）の表示は明朝系ですが、ざっと読むにはゴシック系の方が適していると思います。

/Applications/Safari.app/Contents/Resources にある Reader.html というのがテンプレートになっているようで、これを書き換えれば良いようです。

ちょっと苦労しましたが、下記の内容でOKです。

書き換える前に Reader.html を別名にコピーしておいてください。

• Reader.htmlの先頭から7行目、最初の <style 行の下（つまりstyleブロックの中）に以下を挿入します。
  * {
  font-family: sans-serif !important;
  }

指定の意味は「すべて (*) のタグに対するフォントファミリーをサンセリフ(セリフ無し、つまりひげ無し)にする。ただしこの指定の優先度は高い(!important) ので、以降この指定を上書きする指定があってもここの指定が優先する」です。

Reader.htmlの他の場所でfontやfont-familyを指定している場所もあるのですが、本文に関してはSafari 5がフォントをハードコードして出力するので、優先度指定が必要でした。

なお、アドレスバーの [リーダー] ボタンが表示されると、元々表示されていた [RSS] ボタンが使えないと一瞬思いましたが、[リーダー] ボタンを長押しするとOKです。

それと、2,000文字以上の本文を持つページに対してのみ、[リーダー] ボタンが表示されるそうです（出典失念）。

また、Safari 5をインストールした後でMac OS X 10.6.4をインストールするとReader.htmlも上書きされてしまいました（些細なことですが）。

参考サイト：Macin' Blogさん2010-06-14 Safariリーダーの見た目を変えたい、それと、
2chのSafari Part54の87番に「ccsでフォント定義しているのにhtml本文ではdiv styleで再定義してる」という大ヒント（過去ログに退避されてもうたどり着けません）