フォントを変更したら、ＰＣはＯＫですが、IPhoneが明朝体になってしまう

>フォントを変更したら、ＰＣはＯＫですが、IPhoneが明朝体になってしまいます。
どのような変更をされましたか？

デフォルトでは
font-family: 'Hiragino Kaku Gothic ProN', Meiryo, sans-serif;
このようになっていますが、これは、ヒラギノ角ゴシックが無い時はメイリオ、それも無い時はゴシック体
というような感じです。

サイトを見る人の端末に指定したフォントがあればそれで表示されますが、そのフォントがない場合はデフォルトのフォントが選択されます。たいていは最後にserif(明朝体)、あるいはsans-serif(ゴシック体)を設定しておきます(他にも筆記体とかあります)。
そうすると、指定のフォントがない時もブラウザのデフォルトの明朝体かゴシック体が使用されます。

デフォルトのフォントは各々がブラウザの設定で指定してあるので、どんなゴシック体、あるいは明朝体を使用されているかはわかりません。

参考: HTMLクィックリファレンス font-family

また英語圏とかなら、webfontとかで端末にフォントがなくてもオンラインのフォントで色々できる(アルファベットはデータも少ない)わけですが日本語は色々大変(漢字・ひらがな・カタカナ等種類が多いので)なのでたくさんはwebfontとして公開されていないかも知れません。また回線が細いとダウンロードにも時間がかかったり、リモートにデータとして置いておいても遅くなるかもれません。このあたりは色々アイデアが必要。

1．HTML
2．CSS、JS
3．画像データ
4．その他(←Webフォントデータはここで読み込まれる)

上記の順番なので、1,2,3が遅ければwebフォントも自ずと遅くなります。まぁ昔ほど遅くはないと思うのですけれども。サーバーの応答速度など色々加味してなかなか難しい問題です…とちょっと横道にそれてみたり。

参考: Google web font: noto sans
リンク貼れないかもなので、平文で。webフォントのサブセット(軽量化) http://bamka.info/webfont-weight-saving こちらを参考までに

hidekichi さん、回答ありがとうございます。
web fontをダウンロード、サイトにアップ、@font-faceで場所の指定等です。
よろしくお願いします。

わいひらさん、いつもありがとうございます。
遅くなり申し訳ありません。

スタイルシートのフォント定義を下記のようにしました。

@font-face {
font-family: ’07yasashisa’;
font-style: normal;
font-weight: 500;
src: url(‘webfonts/07yasashisa.eot’);
src: url(‘webfonts/07yasashisa.eot?#iefix’) format(‘embedded-opentype’),
url(‘webfonts/07yasashisa.woff’) format(‘woff’),
url(‘webfonts/07yasashisa.ttf’) format(‘truetype’);
}

body　{
font-family: ’07yasashisa’;
}

http://viva-french.com

上記さいとです。

よろしくお願い致します。

ちなみにですが、

body　{
  font-family: '07yasashisa';
}

これが反映されていませんのでPCでもブラウザデフォルトのフォントで表示されています。
web開発環境から、font-family: ’07yasashisa’を追加すると、それらしいフォントが出るのでbodyのfont-familyまわりを調査されると良いと思います。
iphoneでも同じようにweb開発環境でbodyあたりにfont-familyを設定したらそれらしいフォントで表示されたので、原因はここらだとおもいます。

更に、「続きを読む」部分がひどくはないですが、文字が崩れてしまっているように見えたりもするので、部分的にはwebフォント以外を利用される方が良いかも知れません。あるいは他のwebフォントとか。
また、webフォントが読み込めなかったりした場合に備えて、font-familyの最後にはsans-serifを追加するべきです。そうすれば、仮に今回のように設定が反映されなくても最悪、明朝体になるのは防げます。

Hidekichiさん、ありがとうございます。
出来ました。bodyの後が全角スペースになっていました。

Hidekichiさんのお勧めのフォントは何ですか？

特にオススメのフォントはありませんが、macのヒラギノ角ゴシックはwebフォントにして欲しいと常々思ってます（笑）

僕は基本的にsans-serifしか設定しません。いわゆるゴシック体です。linuxを使っているというのもあり、ネットを見れる端末はプレステとかwiiとかもあったりするのでwebフォントで仮にイケルとしても、読みやすさとかの感覚は人それぞれというのもありますし、そこらは「ブラウザで勝手に好きなフォントを設定して読んでくれ」というスタンスです。

windowsならかってにメイリオになったり、windowsでもxpならms pゴシック、vistaとかだとuiゴシックだったかなになるので、見た目はまちまちです。
それを解消するのがwebフォントで、登録された文字がなくて豆腐になるのが問題の場合もあるため、それを解消するために作られたGoogleのnotoシリーズはオススメでしょうか。

僕ならアルファベットだけwebフォントで日本語はsans-serifにしたりするとおもいます。軽さと実用のためです。

ちょっと調べてみたら、月1万pvまでは無料で使えるみたいな感じです。1書体ですけれども。

TypeSquare 料金プラン
トップの http://typesquare.com/ ←こちらから自分のサイトのアドレス入れるとどのように見れるかを試せたりします。

個人的な感想としては、思った感じではなかったのでsans-serifでいいやと思いましたけど（笑）

あ、ライセンスの所を載せるの忘れた。

色々な制作物にヒラギノフォントを使用したいので、使用許諾範囲を教えて欲しい

Webフォント化はNGですね。すでに稼働しているサービスをご利用くださいとのこと。