スマホでのホームページの表示

解決済

質問者：takagetu
質問日時：2018/11/11 15:22
回答数：2件

ホームページ上の文字をメイリオにしたく下記のようにｈｔｍｌ上記述しました。

<body style="font-family:'メイリオ',Meiryo;line-height:100%;">
<p>はじめまして</p>
</body>

PCで見るとメイリオで表示されているのですが、スマホ（アイフォン）で見るとメイリオではなく、
通常の文字で表示されます。

スマホでもメイリオで表示されるようにするには、どのようにしたらよいでしょうか？

CSS等を使わず、HTML上での指定方法をお願いします。

よろしくお願いします。

早速のご回答ありがとうございます。
iPhoneにはメイリオはないということですが、手持ちのiPhoneで
作成したHPではメイリオは表示されないのですが、他者が作成した
HPを見るとメイリオ？・・ぽい文字が表示されます。
この文字はメイリオではなく他のフォントなのでしょうか？

やはり、CSSを使わないとダメなのでしょうか？

お手数ですが、ご教授いただけましたら幸いです。

No.1の回答に寄せられた補足コメントです。補足日時：2018/11/11 16:35
通報する

通報する

この質問への回答は締め切られました。

質問の本文を隠す

回答 (2件)

ベストアンサー優先
最新から表示
回答順に表示

No.1ベストアンサー

回答者： zongai
回答日時：2018/11/11 15:47

font-familyでフォントを指定しても、

ホームページを閲覧するのに使用されている端末にフォントがインストールされていなければ、そのフォントで表示することは不可能です。
（インストールされているほかのフォントに置き換えられて表示されます。）
iPhoneにはメイリオフォントがありませんので、通常のフォントに置き換えられて表示します。
パソコンでも同様で、メイリオフォントがインストールされていない場合は他のフォントに置き換わってしまいます。

font-familyの書き方まとめ：CSSでフォント種類を指定しよう
https://saruwakakun.com/html-css/basic/font-fami …

【2018年版】Google Fontsの使い方：初心者向けに解説！
https://saruwakakun.com/html-css/basic/google-fo …

iPhoneにはメイリオはないので、
どうしてもメイリオで表示させた場合は、
画像化してホームページに貼り付けることになるでしょう。