とりあえず、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;
}
}
以上です。メールが読みやすくなった!
ジーメール(Google Gmail)対ライブメール(Windows Live Mail):フリーメール対決
ジーメール(Google Gmail)対ライブメール(Windows Live Mail):フリーメール対決 Microsoft が Windows L…
その他の文字装飾
数回に分けて文字装飾の方法について、説明してきましたが、今回は「その他の文字装飾」について書いていきます。
今回説明するHTMLの…
トラックバック、ありがとうございます:-)
どうやら、デザイン変更に伴ってidやclassの値が変わったようです。
DOM Inspectorで見るとよくわかります。
DOM Inspector って使い方がよく解らないんですよねー。
勉強不足だ…。
はじめまして!
全然知識が無いもので、参考にさせていただきました。
ありがとうございます。
メール作成画面での等幅は有効でないみたいで。
WEB上で探したのですが見つからず、
これを解決する方法などはありますでしょうか><?
初心者さん、コメントありがとうございます。
僕も、そんなに詳しくないんですが、上の CSS の最後に、
textarea { font-family: monospace !important; }
とか書いておくと等幅になりませんか?