web-dev-qa-db-ja.com

HTMLメールのフォントの色-Gmail

インラインCSSを使用してHTMLメールのすべてのスタイルを設定する必要があることはわかっていますが、Gmailで奇妙なオーバーライドが発生していることに気づきました。テーブル行のテキストの色を変更しようとしています:

<tr style='color: #000; font-size: 14px; font-family: Verdana, serif;'>

しかし、このメールをGmailで開くと、フォントファミリと黒色がGmailのスタイル設定によって上書きされています。私はこれをFirebug経由で見ています:

enter image description here

その紫色は私が望む黒の代わりに使用されており、フォントファミリーはデフォルトでarial、sans-serifになっています。誰かがGmailが私に強いているスタイルを安全に上書きする方法を知っていますか?

[〜#〜]更新[〜#〜]

色を黒以外の色、つまり#212a2cに変更しましたが、色は正しく変更されましたが、フォントファミリーはまだMS Pゴシックのままです。

16
Kevin_TA

あなたはTRをスタイリングしているように見えますが、GmailはTDのスタイルでそれに乗っています。 TDとTRが競合する場合、TDは、それが最も直接的なコンテナであるため、css3ルールに従って最も近い一致です。 TDでインラインスタイルを使用している場合は、それを乗り越えることができます。

10
colonelclick
  1. <tr>ではスタイルを使用しないでください。テキストの周囲の<td>または<span>で使用してください。
  2. #000、#000000、または黒を色として書いてもかまいません:)
3
Bidstrup

経験から、カラーコードを使用する最も安全な方法は常に6番号コードを使用することです-私は一度同様の問題を抱えていましたが、カラーコードを3桁から6に変更するだけで修正されました-何もかかりません結局のところ、結局3つの追加の数値を入力する時間です:)

3
Liz Long

GMailは、おそらくスパム対策機能として、リンクを黒(#000000)からデフォルトの青に変更します。

これを回避するには、フォントの色を(#000001)に変更します。

<a href="#" style="color: #000001;">Click HERE</a>
3
crmpicco

"#000、#000000、Blackを色として書いてもかまいません:)"

はい、あります。メールでは、3つの16進数の色が少し異なる方法でレンダリングされることがあります。経験則として、互換性のために6を使用することをお勧めします。

2
Chess Byte