web-dev-qa-db-ja.com

HTMLメールで<font>タグを使用する必要はありますか?

HTMLメールを作成する人から引き継いでおり、テンプレートにはフォントタグが埋め込まれています。これは本当に必要ですか?メールではCSSのサポートがあまり良くないことは知っていますが、コンテナのテキストにインラインスタイルを設定すると<td> このような...

<td style="font-family:Arial, Helvetica;color:#555555;font-size:12px">

...その後、これは大部分のメールクライアントで確実に機能します。私が実行したテストから、これは事実のようであり、 この記事 はこれを確認しているようです。

<font>タグは本当にHTMLメールに必要ですか?

34

あなたの仮定は正しいです。それらは不要です。また、技術的には<font>タグはHTML 4から非推奨になったため、そのためだけに削除することもできます。

特定のテキストにインラインCSSスタイルが必要な場合は、インラインスタイルの<span>タグは<font> 鬼ごっこ。

キャンペーンモニターには、現在の 電子メールでのCSSサポート に関する最新の優れたリソースがあります。

13
Doozer Blake

残念ながら、受け入れられた答えは真実ではなく、@ MrMisterManの投稿のような恐ろしいものでさえ、まだde rigeurです。

廃止される可能性があるフォントタグは、stillであり、ほとんどすべての電子メールクライアント(古いものと新しいもの)で普遍的に機能する唯一のものです。電子メールはウェブではなく、依然として前向きであることに留意してください。一部のメールサービスは、言葉にできないことを行います。私はすべてのHTMLタグを盲目的に除去し(提供されているプレーンテキストバージョンを無視)、リンクされた画像を添付ファイルに変換して、判読不能な混乱に陥ったものに遭遇しました。このような破壊行為に直面してインラインスタイルを使用することを検討することも、本当に希望的です。

大きな穴がどこにあるか知りたいですか?ホットメール。 hotmail、live.com、およびOutlook.comは、2013年でもインラインスタイルを削除または置換します。Microsoftの非難:hotmail、live、Outlook.com、およびOutlookは、ここ数年ですべて著しく悪化しています(たとえば、floatはOutlookから削除されました) 6か月前の.com; Outlookは2007年に背景画像をドロップしましたが、それ以降は表示されません。

インラインスタイルはGmailで機能しますが、bodyタグ以外のすべてのものを取り除きます。一部の企業メールフィルター(BlackSpider/WebSenseなど)はまったく逆の処理を行うため、スタイリングを完全に確認したい場合は、headタグにスタイルタグを、本文に別のコピーを(無効ですが、動作します)、インラインで同じスタイル( premailer プロジェクトを見てください)、そして最後にフォントタグを使用した同じスタイルです。はい、それは正気ではありませんが、どれほどの希望でも問題を解決することはできません。もちろん、これらの一部をドロップすることもできますが、そうすることで、一部の場所で同じように見えないことを暗黙的に受け入れます。あなたは聴衆を見る必要があります-新しいモバイル音楽サイトはおそらくそれで済ませるでしょうが、企業の年金プロバイダーはおそらく2003年のフォントタグの土地に住む必要があります。

幸いなことにAppleメール、iOSメール、iCloudはすべて、非常に優れたHTML処理を備えています(キャンペーンモニターの表が示すように、 電子メール標準プロジェクト )。 WebKitのフレーバーを使用したモバイルリーディング、モバイルでのレンダリングは、一般にデスクトップよりもはるかに一貫性があります(ほとんどの場合は優れています)。

あなたは単に努力する価値がないと言うことができます(受け入れられた答えが効果的に言っていること)-くだらないメールリーダーを使用している人は誰でもメールがどのように見えるかを気にしませんが、それはあなたのスタイリングがそうではないという意味ではありません壊れます。

69
Synchro