ARCHIV |
|||||
Software (10844)
Distribuce (131)
Skripty (697)
Menu
Diskuze
Informace
|
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. Varianta písmaVarianta 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: Podpora v prohlížečíchVe 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ísmaSubjektivní 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číchV současné době (září 2004) není podporována ani jedním běžným prohlížečem. ZávěrObě dvě dnes popisované vlastnosti se používají v CSS velmi málo.
Související články
Předchozí Celou kategorii (seriál) Další
CSS (1.) - Úvod
CSS (2.) - Dědičnost a připojení CSS k dokumentu CSS (3.) - Barvy CSS (4.) - Hodnoty CSS (5.) - Média CSS (6.) - Písmo I. (Velikost písma) CSS (7.) - Písmo II. (Tloušťka písma) CSS (8.) - Písmo III. (Řez a šířka písma ) CSS (10.) - Písmo V. (Rodina písma - úvod) CSS (11.) - Písmo VI. (Rodina písma - správná definice) CSS (12.) - Písmo VII. (Sdružená definice písma) CSS (13.) - Barva a Pozadí CSS (14.) - Seznam CSS (15.) - Text CSS (16.) - Speciální textové vlastnosti CSS (17.) - Generovaný obsah CSS (18.) - Rozměry CSS (19.) - Výplň CSS (20) - Orámování I CSS (21) - Orámování II. CSS (22) - Okraje CSS (23) - Ohraničení CSS3 - Seznámení CSS3 + HTML5 - Tvoříme kompletní webovou prezentaci Předchozí Celou kategorii (seriál) Další
|
Vyhledávání software
Vyhledávání článků
28.11.2018 23:56 /František Kučera 12.11.2018 21:28 /Redakce Linuxsoft.cz 6.11.2018 2:04 /František Kučera 4.10.2018 21:30 /Ondřej Čečák 18.9.2018 23:30 /František Kučera 9.9.2018 14:15 /Redakce Linuxsoft.cz 12.8.2018 16:58 /František Kučera 16.7.2018 1:05 /František Kučera
Poslední diskuze
31.7.2023 14:13 /
Linda Graham 30.11.2022 9:32 /
Kyle McDermott 13.12.2018 10:57 /
Jan Mareš 2.12.2018 23:56 /
František Kučera 5.10.2018 17:12 /
Jakub Kuljovsky | |||
ISSN 1801-3805 | Provozovatel: Pavel Kysilka, IČ: 72868490 (2003-2024) | mail at linuxsoft dot cz | Design: www.megadesign.cz | Textová verze |