Zase ten Cufon

Původně jsem chtěl web z nedostatku volného času zrušit, ale když jsem koukal na návštěvnost v Google Analytics,  nemohl jsem to udělat. Prodloužil jsem proto doménu a webhosting na další rok a rozhodl se napsat občas nějaký ten článek.

Začal bych aktualizací nejvyhledávanějšího článku na tomto webu – článku oscriptu pro nahrazování fontů na webu – o Cufonu. Malá rada: pokud opravdu nepotřebujete nějaký hezký font, bez kterého se váš design neobejde, raději jej vypusťte. Cufon má dle mého názoru více záporů než pozitivů.

Podivně široké mezery

Řešení je jednoduché – musíte si při generování scriptu pro font říct i o mezeru – zaškrtněte Punctuation nebo ji dopište do výpis znaků (.. and also these single characters).

Cufon mi nezobrazuje znaky (!@#%…)

Podobně jako v bodu výše – zaškrtněte Punctuation nebo požadované znaky vypište.

Hover efekt u Cufonu

Hover dáte Cufonu malým rozšířením scriptu:

Cufon.replace('p', { hover: true });

Nastylovat jej pak můžete takto:

Cufon('p', { color: '-linear-gradient(red, blue)', hover: { textShadow: '2px 2px red', color: '-linear-gradient(black, white)' } });

Více o stylování Cufonu se dozvíte v dokumentaci.