Q/A: V jakých jednotkách definovat velikost písma?
25.4.2007K dalšímu dílu rubriky Questions and Answers mě motivovaly dva aktuální články, které se tomuto tématu obšírně věnují. Za prvé je to na Lupě text Velikost písma v moderních prohlížečích, za druhé Pixyho reakce O velikosti písma v prohlížečích, zvětšování a zoomování. Tyto články ostatně konvenují s velmi častými dotazy, které na toto téma dostávám zejména na školeních tvorby přístupného webu.
Otázka: V jakých jednotkách definovat v kaskádových stylech velikost písma, abychom dodrželi zásady přístupného a dobře použitelného webu?
Zmíněné články příliš teoretizují, já se pokusím vyjádřit stručně a jasně: Použijte takové jednotky velikosti písma, u kterých budete mít jistotu, že si je budou moci lidé pomocí standardního ovládání prohlížeče zvětšit.
Mezi prohlížeče pochopitelně zařaďte MS Internet Explorer (verzi 6 a 7), Mozillu/Firefox a Operu. Vykašlete se na odborné disputace, zdali se ten či onen prohlížeč chová při zvětšování té či oné jednotky divně, a místo toho si raději sami vyzkoušejte pomocí funkce „Zvětšit písmo“, zda-li je možné písmo skutečně zvětšit.
Pro lepší názornost jsem si pro vás připravil tyto tři obrázky. První ukazuje zobrazení písma při nastavené standardní velikost v MSIE 6.
Druhý obrázek ukazuje situaci, kdy jsem v MS Internet Exploreru 6 zvolil v menu položky „Zobrazit“ / „Velikost textu“ / „Největší“.
Totéž pak ve Firefoxu.
Co z toho plyne? Jak jsem napsal v úvodu. Použijte jen takové jednotky, u kterých jste si jistí, že si je mohou uživatelé pomocí prohlížeče zvětšit. Z definovaných jednotek jsou to em, ex a %. Nebo můžete použít slovní vyjádření (např. small nebo smaller). Ostatně, právě to také doporučují pravidla přístupnosti.
[1] Ivo Toman 25.4.2007, 12:58
Tak nějak si v dnešní době představuji články, jednoduše a srozumitelně. Tak aby se dali přečíst během 5 minutové přestávky a pak zpět do práce.
[2] Plaváček 25.4.2007, 13:21
IE se chová k velikosti písma definovanému v EM dost šíleně, pokud si ho chcete zvětšit. Většinou to dopadne katastrofou a proto bych tento způsob nedoporučoval.
Zkuste si třeba tento webík – http://www.axago.cz/cz/. Nejlepší řešení je použít jako výchozí písmo small (a pro JESPR x-small, pokud je v quirku). Tím obdržíte stejné výchozí písmo, se kterým se pak dá pomocí procent dobře manipulovat.
[3] David Špinar 25.4.2007, 13:49
[2] Ano, pokud je celý web v jednotkách EM, MSIE text při zvětšení zvětšuje příliš, což je na obtíž. Obvykle stačí mít alespoň jeden prvek nadefinovaný s jednotkou % a MSIE se začne chovat normálně.
[4] Filosof 25.4.2007, 14:03
Nu.. velikost písma v em nepočítá s alternativou, že tvůrce webu chce držet účaří řádků v jednotlivých sloupcích.. nebo spíše – spočítat to pak správně je šílenství.. takže pokud chcete na webu i tuto fičurku, tak px pro všechny a em pro IE podmíněným komentářem..
[5] SuE 25.4.2007, 15:18
ten problém s em pro IE by měla vyřešit tato definice:
html { font-size:100.01%; }
více v tomto článku:
http://www.christianmontoya.com/2007/02/01/css-techniques-i-use-all-the-time/
(em calculations)
[6] Hazmi 25.4.2007, 15:19
A co když se v CSS pro prvek BODY použije taková fičurka s velikosti pisma na 62.5% (=> 1em = 10px). Bude potom dělat písmo v jednotkách EM v IE neplechu při zvětšování?
[7] Martin Snížek 25.4.2007, 18:24
Já bych jen dodal, že běžní uživatelé si písmo skoro nikdy nezvětšují: http://www.snizekweb.cz/weblog/velikost-pisma/
[8] Jarek Jesenský 30.5.2007, 17:24
Možná vás bude zajímat názor již vcelku slušné skupiny 536 unikátních uživatelů magazínu gsm4U.cz na otázku Měníte si velikost písma webových stránek v prohlížeči?.
[9] kamil novotny 6.8.2007, 00:23
verim pouze statistice kterou si sam zfalsuji :) neverim ze zvetsovani pouziva vice nez 5% lidi
[10] David Jambor 29.8.2007, 18:15
Dobrý den /Ahoj před delším časem jsem na tomto webu nebo najiném pod webu h1.cz viděl seznam css definicí třeba na typ rámečku,nebo na styl písma rád bych tyto tabulky opět zhlédl,nicméně najít se mi je nepodařilo … byl bych rád kdyby někdo byl tak ochotný a dal mi link na tu stránku :-) omlouvám se, že tento dotaz píšu zrovan sem. Předem děkuji
[11] Dove 10.10.2007, 07:05
nebylo to jakpsatweb.cz?