游フォント
概要
- 游明朝
- 游ゴシック
- Yu Gothic UI
- 游築見出し明朝体
- 游築初号かな
- 游教科書体
- 游勘亭流
リンク：
参考：
使い方
参考：
Windows で游ゴシックが汚いのは、どう考えても Web デザイナーが悪い？ | Cherry Pie Web
Windows の游ゴシックを font-weight を使わずに Mac に合わせる方法 | わたしと納豆ごはん
プリインストールフォント
Windows 10
- 游ゴシック：Light / Regular / Medium / Bold
- 游明朝：Light / Regular / Demibold
Mac
- 游ゴシック：Medium / Bold
- 游明朝：Medium / Demibold
こちらのページを参照
参考：
游フォントがとにかくややこしい話 | Acetaminophen’s diary
CSS でフォントを指定する／Web フォント (font-family)
游ゴシック Medium を指定する。
font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
太字は通常の游ゴシックを指定する。
b, strong, .bold {
font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
}
※最新の環境のみに対応するのであれば日本語フォント名は指定する必要はない。
こちらのページを参照
参考：
游ゴシックを使ったおすすめ font-family 指定 | なこラボ
游ゴシックの font-family 指定方法！@font-face は絶対 NG！Windows の Chrome でかすれる問題徹底検証 | WEMO
Web で游ゴシックを iPhone や Android で表示できない？表示するには？ – Qiita
font-family に Chrome でも読みやすい游ゴシックを指定する方法 – Qiita
font-family に游明朝を使用してはいけない理由 – Qiita
2020年まで使える font-family おすすめゴシック体 – Qiita
游ゴシックの font-family 指定方法！@font-face は絶対 NG！Windows の Chrome でかすれる問題徹底検証 | WEMO
フォントが掠れる
参考：
游ゴシックは何故 Windows でかすれて見えるのか | Ryusei’s Notes