[ Firefox ] Gmail の本文を等幅フォントで表示するユーザースタイル CSS

とりあえず、Gmail のメール本文を等幅フォントで表示するため、userContent.css にスタイルシートを追記してみました。

私の環境は、Mac OS 10.4.4 + Firefox 1.5 + Gmail です。

@-moz-document domain(mail.google.com) {
  div[class="mb cb"] {
    font-family: monospace !important;
    font-size: 12px !important;
    line-height: 18px !important;
  }
  textarea {
    font-family: monospace !important;
  }
}

こんな感じ。上記の例では、フォントサイズと行間も固定しています。

この記事の目次非表示

ユーザースタイル CSS をアップデート @ 2007-02-07 追記
ユーザースタイル CSS をアップデート @ 2010-01-20 追記

ユーザースタイル CSS をアップデート @ 2007-02-07 追記

上の CSS を設定していたんだが、いつの間にか等幅フォントで表示されなくなっていたので、CSS を書き直さないといけないなぁと思っていると、Gmail を見やすくする – Go my way と言う記事を発見。

詳しい解説付きだったので、こちらのコードを使わせていただく事にしました。ありがとうございます。

ユーザースタイル CSS をアップデート @ 2010-01-20 追記

気が付いたら、本文が等幅で表示されなくなっていたので、Google 検索して CSS を書き換えた。

どこかのページを参考にさせてもらったんだが URL を失念。スミマセン…。

ちなみに現在の環境は、Mac OS 10.6.2 + Firefox 3.5.7 + Stylish 1.0.7 + Gmail です。

@namespace url(http://www.w3.org/1999/xhtml);
@-moz-document domain(mail.google.com) {
    div.ii, textarea.dV {
        color: #555 !important;
        font-family: monospace !important;
        font-size: 12px !important;
        line-height: 1.5 !important;
    }
}

メールが読みやすくなった！

現場からは以上です。それでは、またッ！！！

だるかぶ

最後までお読みいただきありがとうございます！スキ・コメント・シェア・フォローなどで応援いただけると『だるかぶ』のやる気がアップします！

記事内容の修正について 記載している内容は記事執筆時の情報です。できるだけ最新情報を掲載するようにしていますが、情報が間違っている場合は「コメント」でご指摘いただけるとありがたいです。