Změna velikosti písma

Drobečková navigace

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

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:

html, body {
   font-size: 13px;
}

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).


Kalendář akcí

Po Út St Čt So Ne
26 27 28 29 30 1 2
3 4 5 6 7 8 9
10 11 12 13 14 15 16
17 18 19 20 21 22 23
24 25 26 27 28 29 30
31 1 2 3 4 5 6