←index

CSSによるタイポグラフィ実験2

(iPadかMacのSafariに最適化してあります。)

タイポグラフィに必要なcssの要素を整理するために、段階的に適用してみる。
まず装飾のないもとのテキスト。


文字ごとにフォントとサイズを変化させるとこうなる。


文字の位置を調整して完成。

文字の位置調整は、サイズを変化させた文字の相対サイズになり、かつずれた分を右の文字にも加える必要があるので、直感的にサイズを指定しにくい。