CSS (9.) - Písmo IV. (Varianta a čitelnost písma)

Dnes se podíváme na další dvě vlastnosti písma a způsob jejich nastavení v kaskádových stylech.

13.9.2004 13:00 | Vasek | přečteno 17171×

Varianta písma

Varianta písma se určuje vlastností font-variant. Jako její hodnota se používají klíčová slova.

font-variant
Hodnoty: normal | small-caps | inherit
Výchozí hodnota: normal
Ovlivňuje: všechny prvky
Dědičná: ano
Procenta: nelze používat
Média: vizuální
inherit hodnota se dědí po rodičovském prvku

Font-variant je vlastnost písma, která umožňuje používat základní písmo a kapitálky. Hodnota small-caps nastavuje písmo na tzv. kapitálky. Kapitálky je takový vzhled písma, kdy malá písmena (mínusky) jsou vykreslena velkými písmeny, ale mají velikost jako malá písmena, a velká písmena jsou o něco větší než normálně. Jelikož se tento vzhled často používal v anglosaské literatuře pro nadpisy kapitol, vžil se pro něj název kapitálky.

Existují dva názory na tuto vlastnost písma:
1) Aby mohl prohlížeč vykreslit písmo kapitálkama, je potřeba, aby tato vlastnost byla součástí definice fontu.
2) Prohlížeče můžou kapitálky vytvořit uměle.

Podpora v prohlížečích

Ve všech moderních prohlížečích jsou kapitálky zobrazeny správně, starší prohlížeče místo kapitálek používají verzálky (normální velká písmena).

V NN4 není tato vlastnost podporována, Mozilla (Netscape 6+) plná podpora všemi verzemi; IE plná podpora od verze 6, verze 4, 5.5, 5 nesprávně vykreslují kapitálky jako verzálky; Opera plná podpora od verze 3.5; IE 5/MAC plná podpora, verze 4, 4.5 nesprávně vykreslují kapitálky jako verzálky; Konqueror plná podpora.

Příklady variant

Font-variant: normal
Font-variant: small-caps

Subjektivní velikost a čitelnost písma

Subjektivní velikost a čitelnost písma se určuje vlastností font-size-adjust. Jako její hodnota se používají klíčová slova nebo číselná hodnota.

font-size-adjust
Hodnoty: none | <číslo> | inherit
Výchozí hodnota: none
Ovlivňuje: všechny prvky
Dědičná: ano
Procenta: nelze používat
Média: vizuální
<číslo> číslo viz díl č. 2
inherit hodnota se dědí po rodičovském prvku

Subjektivní velikost a čitelnost písma není závislá ne velikosti písma (nastavené pomocí vlastnosti font-size), ale na poměru velikosti písma a výšky nízkých liter. Tento poměr se jmenuje aspect value, čím je tento poměr větší, tím bude písmo lépe čitelné i při malých velikostech. Malý poměr signalizuje, že pokud klesne velikost písma pod určitou hranici, stává se písmo nečitelné. Z toho je zřejmé, že různé druhy písma jsou při stejné velikosti různě čitelná.

Pro ukázku zde uvedu hodnoty aspect value dvou populárních a často používaných fontů Verdana a Times New Roman. U Verdany činí tento poměr 0,58. Pokud použijeme Verdanu o velikosti 100 jednotek, budou mít nízké litery výšku 58 jednotek. Times New Roman má aspect value jen 0,46. Pokud nahradíme Verdanu Timesem o stejné velikosti, bude text vypadat měnší, a možná bude i nečitelný. Pokud bychom provedli obrácenou záměnu, bude text napsaný Verdanou vypadat vetší.

Vlastnost font-size-adjust má za úkol kompenzovat tento efekt. Autoři nadefinují hodnotu poměru velikosti písma ku výšce nízkých liter a ten se zachovává při použití různých fontů.

Hodnota none nastaví nezachovávání aspect value při substituci fontů. Konkretní číselná hodnota nastaví zachovávání aspect value při substituci fontů. Více o substituci fontů se dozvíte v některém z následujících dílů.

Podpora v prohlížečích

V současné době (září 2004) není podporována ani jedním běžným prohlížečem.

Závěr

Obě dvě dnes popisované vlastnosti se používají v CSS velmi málo.

Online verze článku: http://www.linuxsoft.cz/article.php?id_article=397