Si puedes, haz que tu primera clase (coloreado) sea una caja de posicion relativa y posiciónala. Crea otro estilo con el mismo tipo de letra pero en el color de la sombra. Dale también posición relativa y desplázala hasta que quede justo debajo de la otra, en el sitio que haga el efecto de sombra:
Copia y pega tal cuál esto en un html a ver qué tal:
Código:
<head>
<meta content="text/html; charset=ISO-8859-1"
http-equiv="content-type" />
<title>Prueba</title>
<style title="tu_hoja" type="text/css">
.coloreado { width: 140px;
height: 62px;
left: 143px;
position: relative;
font-size: 40px;
font-weight: bold;
display: block;
top: -13px;
}
.sombra { position: relative;
width: 140px;
height: 62px;
font-size: 40px;
color: rgb(255, 0, 0);
font-weight: bold;
left: 145px;
display: block;
top: 52px;
}
</style>
</head>
<body>
<span class="sombra">TU TEXTO</span>
<span class="coloreado">TU TEXTO
</span>
</body>
Ya me dirás.
Mikel.