vw単位

フォントの単位。1vwは画面の横幅のサイズの100分の1のサイズである。
したがって、サイズが4vwなら1行に25文字、5vwなら20文字が表示できることになる。ただし、実際には左右にマージンをとってあるのでこの計算通りにはならない。
スマホを縦・横と置き方を変えると文字サイズも変化する。

font-size: 4vw;の例

しのざき愛はかわいい


font-size: 5vw;の例

しのざき愛はかわいい


rem単位

htmlファイルのbodyで指定したフォントサイズに対する相対的な大きさを指定する。1remはbody内のフォントサイズと同じである。
この例ではhtml/bodyでは15pxと指定している。
スマホを縦・横と置き方を変えても文字サイズは変化しない。bodyの文字サイズを変えるとそれに応じてサイズが変わる

font-size: 1rem;の例

しのざき愛はかわいい


font-size: 0.8rem;の例

しのざき愛はかわいい


font-size: 0.6rem;の例

しのざき愛はかわいい


font-size: 1.6rem;の例

しのざき愛はかわいい


font-size: 2rem;の例

しのざき愛はかわいい