HTMLメールのテキストボタンの文字数について

以前、テキストボタンの作り方を投稿しましたが、文字数には触れていませんでしたのでこちらに記載いたします。
PCとスマホでは横幅が違いますが、基本的にはスマホの最小幅320pxに合わせて作った方が見やすいです。

スマホの場合はボタンの左右に余白を作る場合、横幅300pxのボタンになります。
テキストが折り返さない文字数はフォントサイズが14pxだと、16文字までがちょうどいいです。

なお、16文字以上になれば基本的には折り返しますが(※)PCのOutlookの場合、ボタンの高さが2つ分ぐらいの高さになってしまいますので、ボタンのテキストはシンプルにしていただくのがいいと思います。
例:詳細はこちら とか。

※テキストが折り返さないメーラーもあります。AndroidのドコモメールなどHTMLメールをあまり配信しないメーラーで見受けられます。

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