Text Shadow

Old Method:

<style type="text/css">
.font {
font-size: 20px;
color: #2178d9;
}
.fonts {
position: relative;
}
.fonts .font {
position: absolute;
z-index: 200;
}
.fonts .second {
top: 1px;
color: #000;
z-index: 100;
}
</style>
 
<div class="fonts">
    <span class="font">The quick brown fox jumps over the lazy dog.</span>
    <span class="font second">The quick brown fox jumps over the lazy dog.</span>
</div>

CSS3 Method:

<style type="text/css">
.font {
font-size: 20px;
color: #2178d9;
}
.font {
text-shadow: 0 1px 0 #000;
}
</style>
 
<span class="font">The quick brown fox jumps over the lazy dog.</span>