Variable Fontについて少し調べてみた
Variable Fontとは
一つのフォントから複数の太さや幅などいろいろなものを変更できるフォント。
Variable Fontについていろいろと試すことができるサイト
ブラウザのサポート状況
https://caniuse.com/#search=font-variation-settings
実装について
font-variation-settings
の値を使って簡単なアニメーション。
See the Pen oNvQVaB by miwa_shuntaro (@miwashutaro0611) on CodePen.
触ってみての所感
- テキスト自体のアニメーションができると思ったので、演出周りがもう少し広げることができそう。
- どのフォントでもできるというわけでもないので、アニメーションを入れる場合などでもちゃんと場面を選ばないといけさなそう