Přeskočit na obsah
</> { } <div> </> {} </> function() </> {}

Užití fontů na webu

Přestože je rok 2012, stále tady smrdí stará IE8 a ani IE9 na tom není kdoví jak skvěle, abychom si všichni dovolili používat pouze @font-face z CSS3.

Když už náhodou prohlížeč @font-face podporuje, nepodporuje ten typ fontu, který zrovna potřebujete (doporučuju před použitím @font-face prozkoumat http://caniuse.com/fontface včetně „sub-features“ dole).

Jedním řešením je použití Cufon, který nahradí text za obrázky pomocí JavaScriptu. Osobně ho používám pouze pro IE a kombinuju ho s @font-face.



Má to tu výhodu, že pro moderní prohlížeče zobrazí text tak, aby šel označit a přesto pěkným písmem a pro staré se zobrazí stejně, ale pouze jako obrázek. Další obrovskou výhodu vidím také v tom, že vy sami obrázky pro nahrazení nepoužíváte, ve zdrojáku je text normálně k přečtení a až JavaScript text nahradí, takže tím pomůžete SEO.