More... e zine \ WP showcase \ flash
typography

Drop Caps

{ on May 7 }

drop caps

CSS

.dropcap
{
float:left;
color:#D4D4C7;
line-height:70px;
padding-top:2px;
font:100px Times, Georgia, serif;
}

HTML

<span class="dropcap">T</span>his starts with a dropcap.

Note that IE will cut the drop cap if line height is too small.

More at mandarin design, html dog and armen’s alpha design.

Magazines use the drop cap technique and CSS2 includes the first-letter pseudo class, but we want more control and we want to use use inline style so we are using a span to make the first letter of the paragraph big.

source: mandarin design




Published in Spotlight | Tags: | Browse the Archives

miloIIIIVII is a graphic and Web designer based in Munich, who works with clients to create exciting and cutting edge web design
That's all. Want more info? Inspiration?
Subscribe to the Gallery, the full RSS feed or get it via Email.

Share


Related



Notify

Comments are closed after twentyeight days of article posting.
Please use the contact form to get in touch.