font-familyを游書体にする

游書体は明朝体も美しく、クライアントに好まれる。Windows 10以降・macOS Yosemite以降で標準インストール済みのため、WebFontなしで使用可能。

游ゴシック

body {
  font-family: 'Yu Gothic', YuGothic, sans-serif;
  font-weight: 500; /* Windowsでは500以上を指定しないと細く見える */
}

Windowsの游ゴシックはデフォルトだと細く表示されるため font-weight: 500 以上を指定する。

游明朝

body {
  font-family: 'Yu Mincho', YuMincho, serif;
}

システムフォントスタック（游書体＋モダンフォールバック）

游書体を使いつつ、未対応環境にも配慮したスタック：

/* ゴシック */
font-family: 'Yu Gothic', YuGothic, 'Hiragino Sans', 'Hiragino Kaku Gothic ProN', Meiryo, sans-serif;

/* 明朝 */
font-family: 'Yu Mincho', YuMincho, 'Hiragino Mincho ProN', serif;

※ MS PGothic などの旧来のフォールバックは現在不要。モダンブラウザでは上記スタックで十分。