v úterý 29. března 2005
Špatně čitelný text se nastavením výšky řádku (css vlastnost line-height) na hodnotu alespoň 1.3 stává čitelnějším. Ono se to ví, ale ví se to málo.
Pro svoje tvrzení nemá žádná exaktní čísla, vypozoroval jsem to na sobě. Přes víkend jsem si testoval nové bookmarklety. Ačkoli nemám zrak tak špatný, nechci si ho likvidovat, a tak si písmo webových stránek při čtení zvětšuji. Valná většina webů pro mě není dobře čitelná -- nejčastější chybou je kromě příliš širokých řádků (Lidovky) nemožnost písmo si v Exploreru zvětšit (Lidovky, Idnes, Ihned atd.). To všechno je známé.
Když jsem si ale ty bookmarklety ladil, zjistil jsem, že ani sebevětší písmo ještě nezlepší čitelnost. Myslím takové to subjektivní pohodlí při čtení. Jakmile jsem začal nastavovat větší hodnotu line-height -- zhruba na hodnotu 1.3 až 3 -- dostal jsem se na pohodlné čtení. Překvapilo mě přitom, že od určité line-height (zhruba 2) zas tak moc na velikosti textu nezáleží. Omluvte nyní, moji milí čtenáři, že si z vás udělám pokusné králíky:
Několikrát jsem se ve své praxi dostal do situace, kdy jsem měl na stole grafický návrh (na uživatelích netestovaný) obsahující mrňavá písmenka a měl jsem za úkol dostat jej v této podobě do formy html stránky. Moc mě to nebavilo, protože jsem věděl, že stránka nepůjde snadno přečíst -- rád dělám věci pro lidi, ne proti nim. Kdybych se do podobné situace dostal dnes, už budu vědět, že zvětšením line-height těm mravenčím textům pomůžu mnohem víc, než se zdá.
Jenom připomínám, že absolutní hodnota výšky řádku se odvozuje od velikosti písma.
Aktualizace po 30 hodinách: v komentářích se moje postřehy dočkaly patřičné relativizace. Ukazuje se, že asi každý chápe písmo trochu jinak. Žádné překvápko, jenom potrvrzení známého stavu.
Další články jsou v archivu.
Nejnovější příspěvky na hlavní stránce blogu.