#loremipsum {
    width: 222px;
    height: 59px;
    margin: 40px auto 20px auto;
    position: relative;
}
#loremipsum span {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    background: url('lorem-ipsum.png') no-repeat;
    width: 222px;
    height: 59px;
}

#dolorsitamet {
    width: 254px;
    height: 63px;
    margin: 40px auto 20px auto;
    position: relative;

}
#dolorsitamet span {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    background: url('dolor-sit-amet.png') no-repeat;
    width: 254px;
    height: 63px;
}
...
<h1 id="loremipsum"><span></span>Lorem ipsum</h1>
...
<h2 id="dolorsitamet"><span></span>Dolor sit amet</h2>

Listing 37.6. Technika FIR zastosowana do nagłówków

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