毎回、游ゴシックを指定するたびに調べているので、メモを残す。(99%自分のため。)
主に参考にしたのはこちらです。
游ゴシックのfont-family指定方法2018年度版!@font-faceは絶対NG!WindowsのChromeでかすれる問題徹底検証
どうしてとか、そうしないとどうなるのとかはこちらをご覧ください。
游ゴシックの指定方法
body{
font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
}
boldの指定方法
.bold{
font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
font-weight: bold;
}
アルファベットと日本語で太さを変えたい時
body{
font-family: "アルファベットに指定したいフォントファミリー", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
}
.bold_ja{
font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
font-weight: 700;
}
.bold_en{
font-family: "アルファベットに指定したいフォントファミリー", sans-serif;
font-weight: 500;
}