2011年1月22日CSS3のtransformを使ったフォントの変形CSS3のtransformプロパティでscale()(または-ms-filterでMatrix())を使うと、ブロックの拡大と縮小ができる。これを利用するとVerdanaをCondensedなフォントっぽく細くしたり、ワープロ時代の倍角文字や縦倍角文字を実現することが簡単にできる。コンテンツ本文に使うのは無理があるが、見出しなどには良さそう。@font-faceで気軽に変更できない(してもあまり効果的ではない)日本語の見出しには面白い試みなんじゃないかと思ったが、一番綺麗にしたいIE8で残念なので微妙。scaleX(num);を使えば良い。centerとみなされるので、無指定だとセンタリングされてしまう。topを指定する必要がある。M22=1の内M11とM22を変更する。M11がX方向の倍率になるので、そこで0~1の数字を指定すれば細くなる。Caption使うのはscaleY(2)。expand')";}transform-originプロパティは必要ない。IE8では非常に残念な結果になるのでやめておいた方が良さそう。inline-block;を指定すれば良い。expand')";}scale()とMatrix()の関係を解説したエントリとしてでも読んでやってください。このフォントのスケーリングを利用してGDI++のように拡大してから縮小してやれば綺麗にアンチエイリアスかかるんじゃないかと考えてやってみたが、ChとSf、Fxはそういう実装にはなってなかった。Opはそこそこ綺麗にアンチエイリアスかかる。速度とメモリ的な問題で単純な力技実装にはなってないんだと想像だけしてみた。expand')";}skewX()を使うだけ!CC/BYTwitterRSSながしまきょう。