游フォント

游フォント

概要

• 游明朝
• 游ゴシック
• Yu Gothic UI
• 游築見出し明朝体
• 游築初号かな
• 游教科書体
• 游勘亭流

リンク：

游明朝体ファミリー | 字游工房 [公式]

游ゴシック体ファミリー | 字游工房 [公式]

参考：

游書体 – Wikipedia

使い方

参考：

游ゴシックを採用したら癖が強かった – Qiita

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;
}

※最新の環境のみに対応するのであれば日本語フォント名は指定する必要はない。

参考：

游ゴシックを採用したら癖が強かった – Qiita

游ゴシックを使ったおすすめ 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

リンク

字游工房 [公式]