Chaos Sanctuary

O parodii na redesign, která se udála v Chaos Sanctuary, o webových fontech a o tom, jak to někdy vypadá divně.

Nejdříve k těm fontům. Ačkoli jsem původně uvažovala o použití SIFR, změnila jsem názor, když jsem našla tento průzkum zastoupení fontů na počítačích a operačních systémech - font survey. Vypadá docela čerstvě, poslední aktualizace je z prosince 2008 a je zde vidět, že některé fonty, které se běžně pro použití na webu nedoporučují, mají v jednotlivých operačních systémech poměrně vysoké procento výskytu, a v CSS se z toho dají sestavit zajímavé kombinace. Např Impact je skoro jistota u Windows i Mac OS. Na Windows mě překvapil vysoký výskyt písma Franklin Gothic Medium, a třeba Sylfaen mi neříkalo nikdy nic, ačkoli prý ho má 95% počítačů s Windows.

Další zajímavý článek o fontech a CSS vyšel na sitepoint.com - 8 Definitive Web Font Stacks.

Ze statistik návštěvnosti posledních měsíců loňského roku jsem zjistila, že skoro 85-87% lidí má Windows, 10% to tutlá, 2% má Linux, 0.5% Mac. 45% používá Firefox, 30% IE, 12% Operu, 1% Safari, Mozillu a zbytek jsou různé podivnosti. Fonty pro Windows by tedy mohly uspokojit většinu návštěvníků ale podíl té lišky zrzavé by mohl dělat problémy, protože některé fonty zbrazuje divně.

Vyzbrojena všemi těmito podezřelými statistikami jsem se tedy na webu fontově rozmáchla. Ale doma to nezkoušejte, tohle totiž nelze považovat za seriozní webdesign, protože je zde použit Comic sans, počet použitých fontů je větší než malý, kolem validity to ani neběželo (to až někdy), a celý vzhled je chaotický mišmaš grafických stylů , jak se na správnou Svatyni Chaosu sluší :-)

K Comic sans v hlavičce nemám co říci, vážená poroto, jen že mi to připadlo jako dobrý nápad.

Texty článků a komentáře pod články jsou Helvetica, aby si to užili ti šťastlivci, co to mají, a Arial, to je pro ty chudé příbuzné.

V nadpisu článků je použité písmo Impact, následované Arial Black a podle browserhots.org, se opravdu nachází na kdejakém windows, a zřejmě i na Mac (povedl se mi jen jeden screenshot) ale na Linuxu nebylo ani v jednom případu. Ačkoli je nutné pro Impact nadefinovat font-weight:normal, nevypadá to ani na tom Linuxu, kde se zvolí nějaký systémový sans-serif, tak špatně (screenshot linux-opera), protože písmo je dost velké. Při menší velikosti Impactu se písmo špatně zobrazovalo ve Firefoxu, a když není zapnuté vyhlazování písma ve Windows, je to pořád škaredě hranaté, chjo :-(

V bočních sloupcích je použité písmo Franklin Gothic Medium, následované Helvetica Neue, protože mi připadalo stejně velké (tedy stejně menší než Arial), v některých případech (u komentářů v bočním sloupci ) následuje Arial Narrow. Firefox má problém s tučnou variantou Franklin Gothic, některá písmena jsou slitá. Calibri bylo ještě o něco menší a ve Firefoxu ten komentářový sloupec vypadal rozplizle, a tak jsem ho nakonec nepoužila. Ptáte-li se, proč tam vlastně je jiné písmo, mám matný pocit, že hlavně proto, že tam být může.

Hlavičky H3 až H5 v textu (moc se tam nevyskytují) a některé nadpisy jsou patkové, aby se odlišily od textu, je tam Palatino Linotype, Palatino a Georgia. Nejlíp je to asi vidět tady.

Ta nadefinovaná písma jsou obsažená hlavně ve Windows a MAC, Linux jsem moc neřešila, protože jednak počet návštěvníků je dost nízký, druhak o písmech v Linuxu nemám páru, a třeťak, lidem, kteří si zvolí operační systém proto, že „má příkazovou řádku“, se pěknýma písmenkama stejně nezavděčíte. A navíc, ono to i tak vypadá čitelně, i když trochu jinak než ve Windows.

Grafika. Hm, to máte tak: jsou blogeři, kteří mají co říct a mají ty MYŠLENKY, které sdělují světu, tak těm stačí bílé pozadí a zabarvené záhlaví blogu. My ostatní holt plácáme na bložínky obrázky. Střídmost patičky neznamená, že bych snad prozřela, ale že mi došla inspirace, protože jsem si v neděli odpoledne bystře přepsala ostrou šablonu zkušebním nedodělkem, a nějak jsem to ukončit musela. Ale něco by to chtělo ... jen co mě to napadne ...

P.S. Už je tu i slibovaný handheld.css, tak jestli máte mobillní prohlížeč, ozvěte se, jestli to pomohlo nebo uškodilo :-)