文字を変形させる ( 拡大 / 縮小 )

WEB上で縦横比を無視して文字の形を変形させるには、CSS3のtransformプロパティを使う。

transformプロパティの値には「scale」という値を指定してコードを以下のように記述する。

 【 html 】

 1

  transform:scale(x,y);

「x」には横方向の倍率を、「y」には縦方向の倍率を数値で記述する。

標準のサイズは「1」で、1より小さくすれば表示サイズも小さくなり、1より大きくすれば表示サイズも大きくなる。

POINT

使い方としては、0.7～1.5くらいの間で設定するのが自然で、バランスがいい。極端に変えると、フォントの本来の良さが無くなってしまう上に違和感も感じる。