HTMLメール作成のコツ・注意点 - Qiita

2020年7月時点 HTMLメール作成時のコツや注意点をまとめました。 デザイン 全てのメーラーがメディアクエリに対応しているわけではないので、メディアクエリありきのデザインにしない。 メインエリアの横幅の最大値は600pxくらいにする。 CSS インライン形式で記述するのが、もっとも保証される。 ただかなり面倒なので、細かいところはhead内に埋め込み形式で記述し、最後にツールでインライン化すると楽チン。 外部スタイルシートを読み込む方法はナシ。 インライン化できるオンラインツール「Inline styler」を利用。 Gulpのプラグインでインライン化する方法もあるらしい。 フォント 基本的にbodyにfont-familyで記載（フォントにこだわる案件の場合は、フォールバック必須） ただbodyに記載だけだと、windowsのデスクトップアプリ 「outllok」と「メール」に指定フ