En realidad, para dudas como estas existen los buscadores
html texto color borde OR sombra site:www.forosdelweb.com
(y en la web hay más ejemplos).
Aunque me parece que si el texto no se lee porque su color se confunde con el de fondo, aquí ya hay un problema de diseño. Alguien no lo previó, y cuando el yerro se hizo evidente, en vez de repensar la idea se optó por el parche, que es lo que estás pidiendo y es lo que te estamos ofreciendo.
En fin. Supongamos que no te queda otra que dejar esas imágenes y ese color de títulos, entonces vamos a aprovechar el tema para seguir proponiendo alternativas. Como no tengo idea de dónde lo vas a usar, tiro varios 'genéricos'.
El más común es poner al título un color de fondo (al bloque
header o a los caracteres). La ventaja es que funciona en cualquier navegador y no chupa demasiados recursos. La desventaja es que tapa parte del fondo de documento. Una forma de disimularlo es usar texto oscuro, y que su fondo sea semitransparente y claro (o al revés, eso también depende de la imagen), así las letras se destacan y el diseño que está atrás se ve; menos, pero se ve. Funciona mejor si el fondo de documento está fijo y no se desplaza con el contenido. Es lo más parecido a tu caso.
Otra es usar una animación, como que al poner el puntero sobre el título le aparezca el color de fondo para verlo mejor. O que el mismo texto cambie de color, o de colores con alguna secuencia que pueda ser un "adorno", pero que de última sirva para destacarlo.
Hay métodos para sumar, restar o invertir colores entre capas. Son más complejos y menos compatibles, pero ya que estoy también los menciono. Para esto sí se puede usar
canvas, pero de momento sólo lo soporta
Mozilla.
Un último efecto es el de marquesina; que al desplazar el texto, en algún momento hace visibles las letras.
Sobre ese escript que pusiste,
Panino5001, lo que hace es replicar el texto con otro color y ponerlo desplazado a unos pixeles del original. Y en lo personal, me parece mucho código para tan poco. Pero tendría que estudiarlo. Por otro lado, dos capas (o cuatro, según
AlvaroX) se pueden poner directamente con CSS.
Dejo algunos enlaces
pre-buscados más.
Letras con borde de otro color Texto con sombra Letras o imagenes transparentes Texto transparente en Firefox (como filter chroma)