The headings below use images on screen for new browsers and plain text for printing, search engines and old browsers. The HTML markup is a normal heading tag with a class attribute to identify the image to be used.
It is simpler if the classes are kept in the document they refer to, but the element definition should be in an @imported .css to hide it from old browsers, view the source for more information.
Meliora eta soms ium quo arrogetos lannus scriptor abhinc annos scentum qui dos decidit interetats perfectos melior vetquidem debet novos soms ium qui decidit.