Osobně jsem donedávna používal absolutní velikosti písma, aby mělo písmo všude stejnou velikost.
Nyní jsem si oblíbil přístupný web, takže přecházím na níže uvedenou metodu s využitím relativního určování velikosti písma, které může být uživatelsky měněno, což je hlavně dobré pro naše zrakově postižené občany či zmenšeno pro kybernetické masochisty.
Ve většině prohlížečích je základní velikost písma přednastavena na 16 px, takže jí pouze zmenším procentuálně na 62.5%, jelikož je teď trendy a in mít malé písmo. Takže výsledkem mám základní velikost: 16 px × 62,5 % = 10 px, konkrétně v CSS tedy:
html {
font-size: 62.5%;
}
Tím máme krásnou základní velikost 10px a pak už lehce víme, že pomocí 1,2em dostaneme 10px X 1,2 = 12px veliké písmo, pro 1,5em tedy 15px a tak dále, a tak dále....
(I zde by se samozřejmě dalo používat procentuální vyjádření, ale mám raději tuto volbu. ) Konkrétně například:
body {
font: 1.2em Verdana, Arial, Helvetica, sans-serif;
line-height : 140%;
}
h1 {
font-size: 1,5em;
}
Je také dobré definovat už na začátku výšku řádku, proto ono line-height u tagu body.
Ještě jedno moje malé doporučení, uživatel si sice může teoreticky zvětšit písmo, ale prakticky to je tak, že chudák neví vůbec jak na to, je rád za radu od svého synovce jak se ten počítač zapíná a tím končí, takže miniaturní písma raději nepoužívat.
Žádné komentáře:
Okomentovat