#loremipsum {
    width: 222px;
    height: 59px;
    position: relative;
}
#loremipsum span {
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    background: url('lorem-ipsum.png') no-repeat;
}
<h1 id="loremipsum"><span></span>Lorem ipsum</h1>

Listing 37.3. FIR wykonany przy użyciu warstw

Rozdział 37. FIR — wymiana obrazów na teksty