Text -> Text graphic replacement; Possible?

Is it possible to define within CSS for a specific tag (let's say h2 text) to replace the individual characters of text with specific graphics?

I want to create a versitile collection of single character images that I want CSS to automatically equate to the text characters like this

IN HTML:

<h2>test<h2>

IN OUTPUT (pseudo)

<h2>{image-t.gif}{image-e.gif}{image-s.gif}{image-t.gif}<h2>

Am I grasping at a capability that are beyond the scope of CSS?

TIA

Sean Shrum