font-familyで游ゴシックが反映されないときの対処法【Mac】

こんにちは、涼(@ryoblog2)です。

CSSのfont-familyで游ゴシックを指定したのですが、画面に反映されませんでした。

Font BookというMac標準のフォント管理アプリで調べたところ、そもそもインストールされてないことが判明。

インストール方法を備忘録として書きます。

涼
OSはMojave 10.14.2でしたが、游ゴシックが入ってませんでした。

font-familyで游ゴシックが反映されないときの対処法【Mac】

まず、Finderのアプリケーションのフォルダの「Font Book.app」を開く。

「游ゴシック」で検索する。

フォント名が薄いグレーの場合、対象のフォントがPCにインストールされていないということ。ダウンロードボタンをクリックしてインストールする。

ダウンロードが完了後、CSSのfont-familyで游ゴシックを指定すると反映されるようになる。

なお、Macにおける游ゴシックのおすすめの指定は以下の通り。

body{ font-family: “游ゴシック体”, YuGothic, “游ゴシック Medium”, “Yu Gothic Medium”, “游ゴシック”, “Yu Gothic”, sans-serif; }
游ゴシックの指定方法より引用

以上です。

涼
Twitterもやっているのでぜひフォローお願いします!涼(@ryoblog2

コメント

タイトルとURLをコピーしました