HTMLメールの文字サイズについて

iPhoneのメールアプリはSafariブラウザ同様に文字サイズを自動で調整するため、CSSのfont-smoothingを設定する必要があります。

<style type="text/css"><!--
body {
 -webkit-font-smoothing: antialiased;
}
--></style>

上記CSSはWebサイトを作成する際にも設定していますが、HTMLメールでも設定してください。

<!-- テキスト -->
<tr>
<td width="600"><span style="color:#333333;font-size:18px;font-weight:bold;line-height:150%;">見出しが入ります。</span><br>
<span style="color:#333333;font-size:14px;line-height:150%;">テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。</span></td>
</tr>

本文中の文字サイズや文字色については、その都度<span>タグでCSSを設定してください。
文字サイズはパソコンやスマートフォン全端末共通とした場合、14pxが比較的読みやすい大きさになります。

いいなと思ったら応援しよう!