MacOSにインストールされているフォントをWebサイトを使用する方法（筑紫A丸ゴシックを使いたい）

前提・実現したいこと

タイトルの通り、MacにインストールされているフォントをWebサイトに使用したいと思い、以下のようなCSSを書いていますが、iOSではTsukushi A Round Gothic が表示されないため、サーバーにフォントをアップロードして使用したいと思っていますが、フォントワークスさんのページを見る限り有料のものを使うしかないのでしょうか？

https://fontworks.co.jp/fontsearch/TsukuARdGothicStd-R/

css
1body {
2  font-family: "Noto Sans", "Tsukushi A Round Gothic", "ヒラギノ丸ゴ ProN",
3    "Hiragino Maru Gothic ProN", "Meiryo", "メイリオ";
4}

発生している問題・エラーメッセージ

Mac上のchromeでは表示されるが、iOSから見ると違うフォントが適用されている。

補足情報（FW/ツールのバージョンなど）

React: 16.8

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

行動規範の内容に同意します

回答2件

ベストアンサー

サーバーにフォントをアップロードして使用したいと思っていますが、フォントワークスさんのページを見る限り有料のものを使うしかないのでしょうか？

はいその通りです。

もし、他のフォントでもよければ、Google fontsというサイトで、読み込み用のリンクがもらえます。

投稿2020/03/14 03:44

編集2020/03/14 03:44

kyoya0819

総合スコア10429

kyoya0819

2020/03/14 03:45

（でも、Noto Sansが入ってるからGoogle fontsは既知なのか、、

kei344

2020/03/14 03:51

Android 用の指定とかでは。（それならなぜ先頭に置いたかは不明）【Android 6.0 Marshmallowでは日本語フォントがモトヤフォントからNoto Sans CJKに変更される。 - アンドロイドラバー】 https://androidlover.net/android-os/android-m/android-m-change-japanese-font-from-motoya-to-noto-sans-cjk.html