variable fonts
variable fontsは可変フォントに対応したフォントを探せるWebサイトです
まだ多いとは言えないvariable fontsに対応した有料/無料のフォントが集められています
OSSのフォントもあるので勉強用に良いかなぁと思って備忘録。ブラウザの対応状況もかなり良くなってきました
おさらい
可変フォントのおさらい。可変フォントは以下のようなCSSが利用できます
font-variation-settings: "wght" 100, "opsz" 6, "slnt" -9.5;
font-variation-settings: "wght" 117.64, "wdth" 4.26, "ital" 3.62;
以下動作サンプルです
可変フォントを利用する事で今まで以上に様々な表現が可能になりますね
日本語で可変フォントに対応しているフォントはあまり多くありません
僕自身、Axis-PraxisでJingXiHei-VF-JPが対応しているのを見かけた程度です（販売ページにはすでに無いようです）。対応するのはかなり大変そうですが、今後増えてくれると有難いですね。