iPhone端末での確認は複数台での確認でしょうか？
HTMLメールを作成していますが、iOSメールのみ、フォントが明朝体になってしまいます。
インラインcssで、sans-serifと指定してみてもだめです。
iphoneでもゴシックで表示させるにはどのようにすればよいでしょうか？
※Outlookでテスト送信して、上記のような現象になります。
HTML
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html> <head> <title></title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <!--[if !mso]><!--> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <!--<![endif]--> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <style type="text/css"> html { -webkit-text-size-adjust: none; -ms-text-size-adjust: 100%; } body { margin: 0!important; padding: 0; background: #ffffff; font-family:'Hiragino Kaku Gothic Pro', 'MS PGothic', Meiryo, sans-serif; -webkit-text-size-adjust: none !important; -webkit-font-smoothing: antialiased !important; -ms-text-size-adjust: none !important; } table, tr, td { border-spacing: 0; border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt; border-spacing: 0; font-family:'Hiragino Kaku Gothic Pro', 'MS PGothic', Meiryo, sans-serif; } td { word-break:break-all; } a:link, a:visited, a:hover, a:active { color:#333333; } img { border: 0; } div[style*="margin: 16px 0"] { margin:0 !important; } .wrapper { width: 100%; table-layout: fixed; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; } .webkit { max-width: 600px; margin: 0 auto; } .outer { Margin: 0 auto; width: 100%; max-width: 600px; } </style> </head> <body bgcolor="#ffffff" style=" margin: 0!important;padding: 0; background: #ffffff;font-family:'Hiragino Kaku Gothic Pro', 'MS PGothic', Meiryo, sans-serif;-webkit-text-size-adjust: none !important;-webkit-font-smoothing: antialiased !important;-ms-text-size-adjust: none !important;"> <center class="wrapper" style="width:100%;table-layout:fixed;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;"> <div class="webkit" style="max-width:600px;margin:0 auto;"> <!--[if (gte mso 9)|(IE)]> <table width="600" align="center" cellspacing="0" cellpadding="0" border="0"> <tr> <td> <![endif]--> <table class="outer" align="center" cellspacing="0" cellpadding="0" border="0" style="width:100%;max-width:600px;Margin:0 auto;mso-table-lspace:0pt;mso-table-rspace:0pt;"> <tr> <td align="center" bgcolor="#ffffff" style="font-family:'Hiragino Kaku Gothic Pro', 'MS PGothic', Meiryo, sans-serif;"> <table width="100%" cellspacing="0" cellpadding="0" border="0"> <!--ここから--> <!--ヘッダー--> <tr> <td height="10"></td> </tr> <tr> <td width="*" align="left" valign="middle" style="font-weight:bold;font-family:'Hiragino Kaku Gothic Pro', 'MS PGothic', Meiryo, sans-serif;font-size:18px;">タイトルタイトルタイトル</td> </tr> <tr> <td align="right" style="font-family:'Hiragino Kaku Gothic Pro', 'MS PGothic', Meiryo, sans-serif;font-size:13px;">2018/05/14</td> </tr> <tr> <td height="20"></td> </tr> <!--ヘッダー--> <!--本文--> <tr> <td height="50" align="center" valign="middle" bgcolor="#195aa9" style="color:#ffffff;font-family:'Hiragino Kaku Gothic Pro', 'MS PGothic', Meiryo, sans-serif;font-size:24px;">サブタイトル</td> </tr> <tr> <td height="20"></td> </tr> <tr> <td align="left">・<a href="#" style="font-family:'Hiragino Kaku Gothic Pro', 'MS PGothic', Meiryo, sans-serif;font-size:18px;">ダミーダミーダミー</a></td> </tr> <tr> <td height="15"></td> </tr> <tr> <td align="left">・<a href="#" style="font-family:'Hiragino Kaku Gothic Pro', 'MS PGothic', Meiryo, sans-serif;font-size:18px;">ダミーダミーダミー</a></td> </tr> <tr> <td height="15"></td> </tr> <tr> <td align="left">・<a href="#" style="font-family:'Hiragino Kaku Gothic Pro', 'MS PGothic', Meiryo, sans-serif;font-size:18px;">ダミーダミーダミー</a></td> </tr> <tr> <td height="15"></td> </tr> <!--本文--> <!-- フッター --> <tr> <td height="15"></td> </tr> <tr> <td align="center" style="font-family:'Hiragino Kaku Gothic Pro', 'MS PGothic', Meiryo, sans-serif;font-size:12px;"> このメールはメルマガを受信設定しているメールアドレス宛にお送りしています。<br /> <a href="#" style="font-family:'Hiragino Kaku Gothic Pro', 'MS PGothic', Meiryo, sans-serif;font-size:12px;">配信停止</a>｜<a href="#" style="font-family:'Hiragino Kaku Gothic Pro', 'MS PGothic', Meiryo, sans-serif;font-size:12px;">メールアドレス変更</a>｜<a href="#" style="font-family:'Hiragino Kaku Gothic Pro', 'MS PGothic', Meiryo, sans-serif;font-size:12px;">お問い合わせ</a><br /> </td> </tr> <tr> <td height="20"></td> </tr> <tr> <td height="1" style="border-top:1px dashed #cccccc;"></td> </tr> <tr> <td height="20"></td> </tr> <tr> <td align="center" style="font-family:'Hiragino Kaku Gothic Pro', 'MS PGothic', Meiryo, sans-serif;font-size:12px;"> 本メールに掲載された記事を、許可なく転載することを禁じます。<br /> </td> </tr> <tr> <td height="100"></td> </tr> <!-- フッター --> <!--ここまで--> </table> </td> </tr> </table> <!--[if (gte mso 9)|(IE)]> </td> </tr> </table> <![endif]--> </div> </center> </body> </html>
まだ回答がついていません
会員登録して回答してみよう
