第27回HTML5+JS勉強会（平成28年12月2日）で発表したスライド資料です。 Windows 10やmacOSの「游ゴシック」の搭載をはじめ、ウェブで利用できる日本語フォントの選択肢が広がってきました。従来の「ＭＳ Ｐゴシック」の落とし穴、フォント字形から理解するデザインの向き不向き、字間の調整ができるCSS「font-feature-settings」など、多岐にわたり2016年のfont-family事情を紹介します。フロントエンドエンジニアやHTMLコーダー、デザイナーに役立つ内容となります。

8. アメンボ⾚いなアイウエオ。
浮藻に⼩エビも泳いでる。
あ⾚

9.
アメンボ赤いなアイウエオ。
浮藻に小エビも泳いでる。
あ赤

10. アメンボ赤いなアイウエオ。
浮藻に小エビも泳いでる。
あ赤

19. メイリオ
ヒラギノ角ゴ
游ゴシック

25. 😥😥

37. 游ゴシック

45. • font-feature-settings

46. .selector {
font-feature-settings : "palt";
}

48. Osaka
ヒラギノ角ゴシック
ヒラギノ明朝
游ゴシック体

52.
font-feature-settings: "palt"

55. text-align:justify
"palt"
font-feature-settings : "pkna"