Podtržený hover v Cufónu

Vypadá to superjednoduše, ale není to tak. Chcete-li zmiňovaný efekt zajistit i mimo Firefox, nejdříve totiž musíte povolit hover stav, který Cufón z výkonnostních důvodů defaultně vypíná…

Cufon.set('hover', true)

Metodu set() musíte volat ještě před replace().

Druhý problém je, že CSS vlastnost text-decoration: underline Cufón (ve verzi 1.09) na hover stav nepodporuje.

Pomůže tedy jedině nahrazení podtrhávacího efektu rámečkem: border-bottom: 2px solid blue.

Můžete si jako já ťukat na čelo, ale ono platí — malé technologie, malé starosti… :-)

Cufón nebo Typeface.js — který vybrat?

Než budeme moci v prohlížečích začít široce používat @font-face, Typekit a další písně typografické budoucnosti, musíme se rozhodnout mezi třemi hlavními technologiemi sloužícími k nahrazení písma přímo v prohlížeči. sIFR, Cufón a nebo Typeface.js.

sIFR díky komplikovanému nastavování a velmi špatné rychlosti při načítání stránky postupně nahrazujeme jeho současnějšími sourozenci. Oba používají k náhradě canvas, respektive VML v Internet Explorerech a vypadají velmi podobně.

Který z nich zvolit? Na základě dostupných informací se rozhoduje jen těžce. Rozhodl jsem se pro vlastní hloubkový průzkum.

Typekit: Typografové mají možná nového hrdinu a výrobci prohlížečů nepřítele

Velká věc k webové typografii už delší dobu visí ve vzduchu. Zatímco se někteří radovali, když Firefox oznámil chystanou podporu @font-face a pak příchod Cufónu, ti chytřejší si uvědomili, že dlouhé kroky se nedělají skrze technologie, ale skrze lidi.

Zatímco vývojáři si vymýšleli stále méně bolestné technologie pro zobrazování písem v prohlížečích a výrobci prohlížečů zase implementovali svoje vlastní standardy pro totéž, někdo chytřejší si mohl říct, že to celé vlastně nemá smysl, protože:

1. výrobci prohlížečů se na jednotném standardu nedomluví dříve než všichni zestárneme
2. autoři fontů mají vůči hromadnému používání jejich práce na webu nedůvěru a moc se jim nelíbí, že za svou práci nedostávají zaplaceno, což blokuje kromě jiného bod a/

Ti chytřejší se v tomto případě jmenují Jeffrey Veen a Jason Santa Maria a v projektu Typekit se jim zřejmě podařilo přesvědčit písmolijny o společné platformě distribuce fontů vkládaných do webových stránek. Ta bude technologicky podchycená z jejich strany — slibují, že vývojářům bude stačit řádka javascriptu v HTML dokumentu.

Skoro to vypadá jako happyend příběhu webových fontů. Těšme se na konkrétní podmínky — služba začíná v létě.

V tom vypečení výrobců prohlížečů je to zároveň příslib do webdesignové budoucnosti: „Milé prohlížeče, nenechte se rušit. My máme javascript a vývoj webových technologií teď půjde dopředu bez vaší účasti”.

Proč je Cufón brufen milovníků webové typografie?

Protože šetří jejich čas a nervy.

Obrázek: Test zobrazování freewaroveho písma Lido v prohlížeči
metodou Cufón. (Prohlédnout online).

K jeho implementaci stačí zkonvertovat font do javascriptového souboru, připojit do hlavičky HTML stránky spolu s hlavním javascriptovým souborem a přidat magickou formulku Cufon.replace.

Vzpomeňme na sIFR. Soubor s fontem jsme museli připravit ve Flashi, k HTML stránce přidat javascriptovou konfiguraci a zvláštní kaskádové styly pro sIFR. Pak přišel tzv. font tuning, kdy jsme se pomocí magie snažili sIFR přimět, aby písmo zobrazoval tak jak chceme my, nikoliv jak chce on.

Cufón [custom fonts] určitě není dokonalý (zatím neumožňuje kopírovat obsah, :hover efekty atd.), je ale každopádně důležitým mezníkem. Tím příštím bude široká podpora @font-face.