游ゴシックを使う際の注意点

サイトで游ゴシックを使う際の注意点。忘れそうなのでメモ。

font-familyの指定
Windows用:「游ゴシック Medium」、「Yu Gothic Medium」
Mac用:「游ゴシック体」、「YuGothic」
※Windowsで游ゴシックが細くなってしまうのでMedium指定にする。

font-family: "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", "YuGothic", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", "Meiryo", "verdana", sans-serif;

また、font-wight:boldを使いたい時は、Macでの游ゴシックの表示は太くなり過ぎてしまうようなので、下記設定を使う。

.classname {
 font-weight: bold;
 -webkit-font-smoothing: antialiased;
 -moz-osx-font-smoothing: grayscale;
}

参考サイト
https://mdesign-y.com/frontend/445/