Zvětšování písma ve stránce

Aktuálně jsme upravili stylování v IPO, aby celková změna velikosti fontů ve stránce byla jednodušší. Do budoucna přibude v editaci pravděpodobně zvolení výchozí velikosti fontu. Momentálně nejjednodušší způsob jak změnit velikosti fontů v celých stránkách je např. takto:

Všechny elementy, které mají být nějak změněny velikostně co se týče písma, tak mají nastaveny už výchozí velikosti v "em". Pokud budete chít ještě zvětšit velikosti fontů z již nastavených velikostí, používejte a navyšujte výhradně přes "em".

Pro vlastní elementy používejte taky výhradně "em".

Pokud si nejste jisti jak velikost  písma v "em" funguje, tak doporučuji přečíst http://www.w3schools.com/cssref/css_units.asp.

Pokud budete chtít u již existujících stránek zvětšit font, tak si dejte pozor kde máte už "font-size" nastavenou. Pakliže je hodnota v "px", tak zvětšení výchozí hodnoty na html,body nebude mít vliv.

Dále si dejte pozor na definici velikosti písma pro zanořené prvky a jejich rodiče (např. table > tbody > tr > td). Velikost písma "em" se odvozuje od velikosti písma svého rodiče a násobí se. Pokud nastavíte třeba:

Tak výsledek velikosti fontu pro "td" bude 1,728em (1,2 * 1,2 * 1,2). Tedy ve výše zmíněném případě za běžných podmínek, pokud je vše ostatní nastylováno správně, co se týče velikosti písma, tak by velikost fontu byla cca 22-23px (1,728 * 13px) a ne domnívajících se třeba 15-16px (1,2 * 13px).