講師紹介

松田直樹さん　株式会社まぼろし
With高野さん

CSS Fonts Module Level3

使用勧告(?)になった。
カーニング、いい感じに文字詰めしてくれる。
日本語フォントのオープンソース化

書き方

コーポレートフォントで魅せる。

Hey!Say!JUMPもWebフォントらしい。

行政サイトもWebフォントを利用している。
小田原市、渋谷区。

画像文字がなくなりつつある。

進化するWEBフォントと表現

Open Type フォントの進化

Variableフォント

（引用元：https://ferret-plus.com/8809）
単独のフォントファイルで、繰り歩幅、太さ、傾斜などの特性を可変させることができる。

4社共同開発
Apple, Google, Microsoft, Adobe

Microsoftのサイトにあるらしい。
https://docs.microsoft.com/en-us/windows/desktop/directwrite/opentype-variable-fonts

従来のフォントは200, 400, 700 ,900と決まっていたが、
Variable Fontでは微妙な太さも表現することができる。

太さ、字幅、斜体などに対応している。

CSSでの表現方法

Color Fonts

繰り歩をSVGで定義することで、
2011年、Adobeが提案したらしい。

#貂明朝、#貂明朝テキストともカラー絵文字が使えるようになりました！貂ちゃん、天気などもついにカラーで出るだけでなく、ニューカマーの干支と猫も仲間入り。もちろん白黒グリフに切り替えも可能です。すでに貂明朝お使いの方はアクティベートしなおすと使えます！#AdobeMaxJapan #AdobeFonts pic.twitter.com/YHl5qup4gc
— Ryoko Nishizuka (@ryon106) 2018年11月20日

#貂明朝、#貂明朝テキストともカラー絵文字が使えるようになりました！貂ちゃん、天気などもついにカラーで出るだけでなく、ニューカマーの干支と猫も仲間入り。もちろん白黒グリフに切り替えも可能です。すでに貂明朝お使いの方はアクティベートしなおすと使えます！#AdobeMaxJapan #AdobeFonts pic.twitter.com/YHl5qup4gc
— Ryoko Nishizuka (@ryon106) 2018年11月20日

こちらもMSのページに仕様書があるので。
https://docs.microsoft.com/en-us/windows/desktop/directwrite/color-fonts

SVG1.1の機能のほとんどを、オープンタイプがサポートする。

カラーフォントはAiで作れるらしい。

これからは人種対応が必要になってくる。

Fontself Makerというプラグインがある。
5000円。

Webフォントの種類

Adobeフォントのコスパが良いという話でした。