[ 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 を設定していたんだが、いつの間にか等幅フォントで表示されなくなっていたので、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;
    }
}

以上です。メールが読みやすくなった!

6 COMMENTS

rea

トラックバック、ありがとうございます:-)

どうやら、デザイン変更に伴ってidやclassの値が変わったようです。 DOM Inspectorで見るとよくわかります。

Bowz

DOM Inspector って使い方がよく解らないんですよねー。 勉強不足だ…。

初心者

はじめまして! 全然知識が無いもので、参考にさせていただきました。 ありがとうございます。

メール作成画面での等幅は有効でないみたいで。 WEB上で探したのですが見つからず、 これを解決する方法などはありますでしょうか><?

Bowz

初心者さん、コメントありがとうございます。

僕も、そんなに詳しくないんですが、上の CSS の最後に、 textarea { font-family: monospace !important; } とか書いておくと等幅になりませんか?

コメントを残す

メールアドレスが公開されることはありません。 が付いている欄は必須項目です