wordpressで使うフォントの変更方法について

Question

■質問の概要
wordpressのサイトで使うフォントをYu Gothicに変更する方法

■目的
フォントを変更してページの体裁を整えたいと考えています

■状況
利用端末：Mac
バージョン：11.6
OS：Big Sur
ワードプレスで使うページをオリジナルテーマ用にコーディングしております。
フォントを游ゴシックに変更しようといくつかの参考サイトをもとに試しましたが、ブラウザ上で変化がありませんでした。

■どこまで調べて何が分かったか
フォント変更のための設定方法は分かったのですが、フォントデータを持っていないためかCSSにfont-familyを設定しても見た目は変わりませんでした（以下参考です）。
https://chemney.com/wp-font/#i-3

■あなたの考え
游ゴシックがDLできるサイトからデータを取得すれば表示できるのかと考えていますが、より良い方法があればお伺いしたいです。

Answer 1

勝手に遊ゴシックをwebフォントとしてwoffに加工したり、サーバーから配信を行うと著作権の侵害などに問われる可能性が高いと思います。
使用したい場合はTypeSquareのようなサービスであれば該当のフォントも取り扱っていると思います。
無料で整ったフォントが使いたい場合はGoogle Fontsを使うとよいと思います。
ほかにも独自でフォントを制作されている方に許可を取れば使える可能性もあるので、
まずは著作権関連を整理されるのがよいと思います。

Comments

[dahachin]

ご回答ありがとうございます！
typesquareに該当フォントがあったので、こちらを使ってみようと思います。

Answer 2

游ゴシックはMacとWinでフォント名が違ってたりするので複数指定が必要
"游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic"
また、揃ってるフォントの太さもMacとWinでは違う点にも留意

游ゴシックは勝手にWEBフォントとしてサイトにフォントデータを置いていいフォントではないです
そういうことをしてもいいだろうと言える日本語フォントはNotoぐらいです

Comments

[dahachin]

ご回答ありがとうございます！
著作権に関して知らなかったため大変参考になりました。