CSS Drop Caps

ss drop cap trick. save each letter of your drop cap font as a png or jpg. Use this code to change the first letter to a drop cap:

<div class="drop a"><span>a</span></div>

And here is the css code for the whole alphabet

.drop
{
width: 60px;
height: 60px;
float: left;
margin-top: -20px;
background: top right no-repeat;
}

.drop span
{
display: none;
}

.drop.a{background-image: url(images/dropcaps/a.png);}
.drop.b{background-image: url(images/dropcaps/b.png);}
.drop.c{background-image: url(images/dropcaps/c.png);}

Keep repeating for each letter you want to define.