質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

新規登録して質問してみよう
ただいま回答率
87.20%
iOS

iOSとは、Apple製のスマートフォンであるiPhoneやタブレット端末のiPadに搭載しているオペレーションシステム(OS)です。その他にもiPod touch・Apple TVにも搭載されています。

iPhone

iPhoneとは、アップル社が開発・販売しているスマートフォンです。 同社のデジタルオーディオプレーヤーiPodの機能、電話機能、インターネットやメールなどのWeb通信機能の3つをドッキングした機器です。

HTML

HTMLとは、ウェブ上の文書を記述・作成するためのマークアップ言語のことです。文章の中に記述することで、文書の論理構造などを設定することができます。ハイパーリンクを設定できるハイパーテキストであり、画像・リスト・表などのデータファイルをリンクする情報に結びつけて情報を整理します。現在あるネットワーク上のほとんどのウェブページはHTMLで作成されています。

CSS

CSSはXMLやHTMLで表現した色・レイアウト・フォントなどの要素を指示する仕様の1つです。

受付中

HTMLメールがiOSメールで明朝体になる

eyiff
eyiff

総合スコア6

iOS

iOSとは、Apple製のスマートフォンであるiPhoneやタブレット端末のiPadに搭載しているオペレーションシステム(OS)です。その他にもiPod touch・Apple TVにも搭載されています。

iPhone

iPhoneとは、アップル社が開発・販売しているスマートフォンです。 同社のデジタルオーディオプレーヤーiPodの機能、電話機能、インターネットやメールなどのWeb通信機能の3つをドッキングした機器です。

HTML

HTMLとは、ウェブ上の文書を記述・作成するためのマークアップ言語のことです。文章の中に記述することで、文書の論理構造などを設定することができます。ハイパーリンクを設定できるハイパーテキストであり、画像・リスト・表などのデータファイルをリンクする情報に結びつけて情報を整理します。現在あるネットワーク上のほとんどのウェブページはHTMLで作成されています。

CSS

CSSはXMLやHTMLで表現した色・レイアウト・フォントなどの要素を指示する仕様の1つです。

2回答

0評価

0クリップ

6279閲覧

投稿2018/05/30 04:53

編集2022/01/12 10:55

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>

良い質問の評価を上げる

以下のような質問は評価を上げましょう

  • 質問内容が明確
  • 自分も答えを知りたい
  • 質問者以外のユーザにも役立つ

評価が高い質問は、TOPページの「注目」タブのフィードに表示されやすくなります。

気になる質問をクリップする

クリップした質問は、後からいつでもマイページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

teratailでは下記のような質問を「具体的に困っていることがない質問」、「サイトポリシーに違反する質問」と定義し、推奨していません。

  • プログラミングに関係のない質問
  • やってほしいことだけを記載した丸投げの質問
  • 問題・課題が含まれていない質問
  • 意図的に内容が抹消された質問
  • 過去に投稿した質問と同じ内容の質問
  • 広告と受け取られるような投稿

評価を下げると、トップページの「アクティブ」「注目」タブのフィードに表示されにくくなります。

yoshinavi

2018/05/31 06:10

iPhone端末での確認は複数台での確認でしょうか?

まだ回答がついていません

会員登録して回答してみよう

15分調べてもわからないことは
teratailで質問しよう!

ただいまの回答率
87.20%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問

同じタグがついた質問を見る

iOS

iOSとは、Apple製のスマートフォンであるiPhoneやタブレット端末のiPadに搭載しているオペレーションシステム(OS)です。その他にもiPod touch・Apple TVにも搭載されています。

iPhone

iPhoneとは、アップル社が開発・販売しているスマートフォンです。 同社のデジタルオーディオプレーヤーiPodの機能、電話機能、インターネットやメールなどのWeb通信機能の3つをドッキングした機器です。

HTML

HTMLとは、ウェブ上の文書を記述・作成するためのマークアップ言語のことです。文章の中に記述することで、文書の論理構造などを設定することができます。ハイパーリンクを設定できるハイパーテキストであり、画像・リスト・表などのデータファイルをリンクする情報に結びつけて情報を整理します。現在あるネットワーク上のほとんどのウェブページはHTMLで作成されています。

CSS

CSSはXMLやHTMLで表現した色・レイアウト・フォントなどの要素を指示する仕様の1つです。