Testing 01 で導いた @font-face 指定についての詳細チェック。
font-weight を 100 ずつ指定した Original Yu Gothic Detailed
font-weight なしと bold 版のみ指定した Original Yu Gothic Simplified両者に表示上の差がないかチェックする。
| Font Name | Normal | Bold |
|---|---|---|
| Default | 游ゴシック YuGothic | 游ゴシック YuGothic |
| Yu Gothic Light | 游ゴシック YuGothic | 游ゴシック YuGothic |
| Yu Gothic Regular | 游ゴシック YuGothic | 游ゴシック YuGothic |
| Yu Gothic Medium | 游ゴシック YuGothic | 游ゴシック YuGothic |
| Original Yu Gothic Detailed | 游ゴシック YuGothic | 游ゴシック YuGothic |
| Original Yu Gothic Simplified | 游ゴシック YuGothic | 游ゴシック YuGothic |
| Yu Gothic Bold (Normal) | 游ゴシック YuGothic | 游ゴシック YuGothic |
| Yu Gothic Bold (Bold) | 游ゴシック YuGothic | 游ゴシック YuGothic |
| Weight | Default | Yu Gothic Light | Yu Gothic Regular | Yu Gothic Medium | Original Yu Gothic Detailed | Original Yu Gothic Simplified | Yu Gothic Bold |
|---|---|---|---|---|---|---|---|
| Weight 100 | 游ゴシック YuGothic | 游ゴシック YuGothic | 游ゴシック YuGothic | 游ゴシック YuGothic | 游ゴシック YuGothic | 游ゴシック YuGothic | 游ゴシック YuGothic |
| Weight 200 | 游ゴシック YuGothic | 游ゴシック YuGothic | 游ゴシック YuGothic | 游ゴシック YuGothic | 游ゴシック YuGothic | 游ゴシック YuGothic | 游ゴシック YuGothic |
| Weight 300 | 游ゴシック YuGothic | 游ゴシック YuGothic | 游ゴシック YuGothic | 游ゴシック YuGothic | 游ゴシック YuGothic | 游ゴシック YuGothic | 游ゴシック YuGothic |
| Weight 400 | 游ゴシック YuGothic | 游ゴシック YuGothic | 游ゴシック YuGothic | 游ゴシック YuGothic | 游ゴシック YuGothic | 游ゴシック YuGothic | 游ゴシック YuGothic |
| Weight 500 | 游ゴシック YuGothic | 游ゴシック YuGothic | 游ゴシック YuGothic | 游ゴシック YuGothic | 游ゴシック YuGothic | 游ゴシック YuGothic | 游ゴシック YuGothic |
| Weight 600 | 游ゴシック YuGothic | 游ゴシック YuGothic | 游ゴシック YuGothic | 游ゴシック YuGothic | 游ゴシック YuGothic | 游ゴシック YuGothic | 游ゴシック YuGothic |
| Weight 700 | 游ゴシック YuGothic | 游ゴシック YuGothic | 游ゴシック YuGothic | 游ゴシック YuGothic | 游ゴシック YuGothic | 游ゴシック YuGothic | 游ゴシック YuGothic |
| Weight 800 | 游ゴシック YuGothic | 游ゴシック YuGothic | 游ゴシック YuGothic | 游ゴシック YuGothic | 游ゴシック YuGothic | 游ゴシック YuGothic | 游ゴシック YuGothic |
| Weight 900 | 游ゴシック YuGothic | 游ゴシック YuGothic | 游ゴシック YuGothic | 游ゴシック YuGothic | 游ゴシック YuGothic | 游ゴシック YuGothic | 游ゴシック YuGothic |
時点 (Chrome v79・Chromium Edge v79・Firefox v72・IE v11) では、次のどちらのコードでも、同じ結果を得られることが分かった。font-weight: 600 から font-weight: bold (700) 相当のフォントが適用されている。
/* Perfect Medium : 詳細版 */
@font-face { font-family: "Original Yu Gothic Detailed"; src: local("Yu Gothic Medium"), local("YuGothic-Medium"); font-weight: 100; }
@font-face { font-family: "Original Yu Gothic Detailed"; src: local("Yu Gothic Medium"), local("YuGothic-Medium"); font-weight: 200; }
@font-face { font-family: "Original Yu Gothic Detailed"; src: local("Yu Gothic Medium"), local("YuGothic-Medium"); font-weight: 300; }
@font-face { font-family: "Original Yu Gothic Detailed"; src: local("Yu Gothic Medium"), local("YuGothic-Medium"); font-weight: 400; }
@font-face { font-family: "Original Yu Gothic Detailed"; src: local("Yu Gothic Medium"), local("YuGothic-Medium"); font-weight: 500; }
@font-face { font-family: "Original Yu Gothic Detailed"; src: local("Yu Gothic Bold") , local("YuGothic-Bold") ; font-weight: 600; }
@font-face { font-family: "Original Yu Gothic Detailed"; src: local("Yu Gothic Bold") , local("YuGothic-Bold") ; font-weight: 700; }
@font-face { font-family: "Original Yu Gothic Detailed"; src: local("Yu Gothic Bold") , local("YuGothic-Bold") ; font-weight: 800; }
@font-face { font-family: "Original Yu Gothic Detailed"; src: local("Yu Gothic Bold") , local("YuGothic-Bold") ; font-weight: 900; }
.original-yu-detailed { font-family: YuGothic, "Original Yu Gothic Detailed", serif; }
/* Perfect Medium : 簡素版 */
@font-face { font-family: "Original Yu Gothic Simplified"; src: local("Yu Gothic Medium"), local("YuGothic-Medium"); }
@font-face { font-family: "Original Yu Gothic Simplified"; src: local("Yu Gothic Bold") , local("YuGothic-Bold") ; font-weight: bold; }
.original-yu-simplified { font-family: YuGothic, "Original Yu Gothic Simplified", serif; }