[ 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; }
とか書いておくと等幅になりませんか?

コメントを残す

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