Dynamické nahrazování textu

Vzhled textu je stálý problém webdesignu. Existuje jen několik fontů, které jsou univerzálně dostupné, a je téměř nemožné vytvořit složitější grafické efekty, pokud používáte jen standardní CSS a HTML. Je vhodné používat tyto tradiční fonty pro texty, ale co se týče nadpisů - krátkých, pozornost přitahujících bloků textu - bylo by hezké mít větší výběr. Na tento problém jsme si zvykli a řešíme jej buď tak, že vyzískáme co nejvíc z toho mála fontů, co máme, nebo zcela nahrazujeme texty nadpisů obrázky.

Většina webů, které nahrazují text obrázky, to provádí pomocí ručně připravovaných obrázků, což není tak hrozné, když máme danou sadu nadpisů, ale rychle se to stane nepoužitelným na webu, který se mění několikrát denně. Když se provádí nahrazení, musí být každý obrázek přiřazen textu, který je nahrazován. Tato vazba se obvykle provádí pomocí elementu <img>, vloženého stylu, nebo atributu id.
Můžeme na ten nesmysl zapomenout. Už žádné elementy <img> nebo <span>, žádné další atributy id nebo vyplýtvaný čas v Photoshopu a žádné další CSS hacky. S použitím JavaScriptu a PHP můžeme generovat přístupné obrázkové nadpisy s jakýmkoli fontem. A nepotřebujeme vůbec měnit strukturu HTML ani CSS.