フォントをどのブラウザでも正しく表示させたい

Question

以下のフォントを使ってサイトを作っています。
・アドビフォント の「Sofia Pro」
・筑紫A丸ゴシック
・游ゴシック体

chromeでは正しく表示されるのですが、
Safari（パソコン）では、「Sofia Pro」が明朝体になってしまいました。
Safari（スマホ）では、全てのフォントが明朝体になってしまいました。

そこで、

・ブラウザだけでなく、デバイスによっても表示されるフォントに制限があるのか。
・デバイスが変わっても、フォントを正しく表示させる方法や対処方法

について教えていただきたいです。

Answer 1

游ゴシック体はWindowsやMacではシステムフォントとして使われているので普通に表示されます（ただしスマートフォンは表示されず代替フォントになる）。Sofia Proや筑紫A丸ゴシックはおそらく普通の人のPCには入っていないので、表示されないで代替フォントになるでしょう。

どんな端末にも正しくフォントを表示させるようにするにはWebフォントを使用するしかありませんが、筑紫A丸ゴシックなどはFONT PLUSなどの有償サービスにしかありませんので、こちらを契約する必要があると思います。游ゴシック体ならRealtypeですかね。有償でもいいなら契約すればいいと思いますし、無性にこだわるなら各々のOSに入ってるシステムフォントだけで構成するか、無償のWEBフォントサービスのフォントを使用することを検討した方が良いでしょう。

Comments

[bglhk8447755]

丁寧に教えてくださりありがとうございます！！

Answer 2

以下のフォントを使ってサイトを作っています。

Webフォントとして公開しているのでしょうか？

「Webフォントとしてフォントもネット上からアクセスできるようにする」という形を取らない場合、端末にあるフォントしか使えません。

Comments

[maisumakun]

もちろん、Webフォントとして公開する場合、技術的・ライセンス的に相応の準備が必要です。