HOME > ドロップキャプ

ドロップキャプ一覧

2014.02.11

cssで1文字目だけを大きくしたマガジンスタイルのドロップキャップを表現する方法

drop2

cssで本の様なドロップキャップを表現します。 ドロップキャップとは最初の文字を大きくするアレです。雑誌などではよく見たことがあると思います。 Webって読み文の見た目ってあまり気にしていない様な気がします。 line-heightやweight等は変更して読みやすくしても、見た目のカッコ良さにはちょっと。 そんな中、雑誌の様なレイアウトが出来たら綺麗ですよね。