Google Fontsの Roboto
Flexは通常font-optical-sizing:auto;で使うことが想定されている。
font-optical-sizingをnone（Figmaでは14にした状態）にすると、若干Robotoの字幅に近づく。
※このページでは、表示比較用のRobotoはVariableではなくStaticな読み込み方にしている
※CSS変数は @property を指定したらアニメーションできる。
The quick brown fox jumps over the lazy dog 0123456789
傾斜。数字を小さくすると、斜めになる。 font-style:italicとはちょっと違う。
The quick brown fox jumps over the lazy dog 0123456789
The quick brown fox jumps over the lazy dog 0123456789
The quick brown fox jumps over the lazy dog 0123456789
The quick brown fox jumps over the lazy dog 0123456789
The quick brown fox jumps over the lazy dog 0123456789
The quick brown fox jumps over the lazy dog 0123456789
文字の幅。font-stretch（CSS仕様上はfont-width）とほぼ同じ働き。
font-stretch
の場合もフォントファイルにcondensedなどの字形が無いと効果がない。
The quick brown fox jumps over the lazy dog 0123456789
The quick brown fox jumps over the lazy dog 0123456789
The quick brown fox jumps over the lazy dog 0123456789
The quick brown fox jumps over the lazy dog 0123456789
文字の中の空間（ふところ）の幅。
The quick brown fox jumps over the lazy dog 0123456789
The quick brown fox jumps over the lazy dog 0123456789
The quick brown fox jumps over the lazy dog 0123456789
The quick brown fox jumps over the lazy dog 0123456789
文字のアセンダ（エックスハイトより大きい小文字の一部分）の高さ。
以下の例だと、たとえばhの左の棒。
The quick brown fox jumps over the lazy dog 0123456789
The quick brown fox jumps over the lazy dog 0123456789
The quick brown fox jumps over the lazy dog 0123456789
文字のディセンダ（ベースラインより下にある文字の一部分）の深さ。
たとえば q の右の棒の長さ。
The quick brown fox jumps over the lazy dog 0123456789
The quick brown fox jumps over the lazy dog 0123456789
The quick brown fox jumps over the lazy dog 0123456789
数字の高さ。
The quick brown fox jumps over the lazy dog 0123456789
The quick brown fox jumps over the lazy dog 0123456789
The quick brown fox jumps over the lazy dog 0123456789
大文字の高さ。
The Quick Brown Fox jumps over the Lazy Dog 0123456789
The Quick Brown Fox jumps over the Lazy Dog 0123456789
The Quick Brown Fox jumps over the Lazy Dog 0123456789
小文字の高さ。
The Quick Brown Fox jumps over the Lazy Dog 0123456789
The Quick Brown Fox jumps over the Lazy Dog 0123456789
The Quick Brown Fox jumps over the Lazy Dog 0123456789
The Quick Brown Fox jumps over the Lazy Dog 0123456789
文字の線の細い部分（主に横線）の太さ。
YopqはY軸のOptical Sizeという意味。
The quick brown fox jumps over the lazy dog 0123456789
The quick brown fox jumps over the lazy dog 0123456789
The quick brown fox jumps over the lazy dog 0123456789
文字の線の太い部分（主に縦線）の太さ。 XopqはX軸のOptical Sizeの意味。
The quick brown fox jumps over the lazy dog 0123456789
The quick brown fox jumps over the lazy dog 0123456789
The quick brown fox jumps over the lazy dog 0123456789
線の太さ。字幅を変えずに線だけ太くする。
最大値150でRobotoの時のSemiBold（600）くらいの太さ。
The quick brown fox jumps over the lazy dog 0123456789
The quick brown fox jumps over the lazy dog 0123456789
The quick brown fox jumps over the lazy dog 0123456789
基本的にfont-weightと同じ。フォントによっては効き方が違う。
The quick brown fox jumps over the lazy dog 0123456789
The quick brown fox jumps over the lazy dog 0123456789
The quick brown fox jumps over the lazy dog 0123456789
The quick brown fox jumps over the lazy dog 0123456789
The quick brown fox jumps over the lazy dog 0123456789
The quick brown fox jumps over the lazy dog 0123456789
The quick brown fox jumps over the lazy dog 0123456789
The quick brown fox jumps over the lazy dog 0123456789
The quick brown fox jumps over the lazy dog 0123456789
The quick brown fox jumps over the lazy dog 0123456789
The quick brown fox jumps over the lazy dog 0123456789
The quick brown fox jumps over the lazy dog 0123456789
The quick brown fox jumps over the lazy dog 0123456789
The quick brown fox jumps over the lazy dog 0123456789
The quick brown fox jumps over the lazy dog 0123456789
The quick brown fox jumps over the lazy dog 0123456789
The quick brown fox jumps over the lazy dog 0123456789
The quick brown fox jumps over the lazy dog 0123456789
The quick brown fox jumps over the lazy dog 0123456789
The quick brown fox jumps over the lazy dog 0123456789
The quick brown fox jumps over the lazy dog 0123456789
The quick brown fox jumps over the lazy dog 0123456789
The quick brown fox jumps over the lazy dog 0123456789
The quick brown fox jumps over the lazy dog 0123456789