|
||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
Menu
Distributions (131)
bootable [55]
commercial [7] no-commercial [42] unclassified [20] [7]
Software (10844)
|
CSS (10.) - Písmo V. (Rodina písma - úvod)Dnes se podíváme na jednu z nejlépe podporovaných vlastností v kaskádových stylech. Tuto vlastnost podporuje většina prohlížečů, které si dokážou poradit se základy CSS1.
Rodina písmaRodina písma se určuje vlastností font-family. Jako její hodnota se používají klíčová slova.
font-family
Hodnoty: <název-písma> | <typ-písma> | inherit Výchozí hodnota: závisí na uživatelském nastavení klienta Ovlivňuje: všechny prvky Dědičná: ano Procenta: nelze používat Média: vizuální <název-písma> název příslušné rodiny písma. Pokud se název skládá z několika slov, je potřeba uvádět jej uzavřený v uvozovkách (jednoduchých či dvojitých). <typ-písma> serif | sans-serif | cursive | fantasy | monospace inherit hodnota se dědí po rodičovském prvku Dá se předpokládat, že na jednotlivých klientských systémech nebudou nainstalovány všechny rodiny písem. Proto je možné v definici použít více rodin písem, oddělených od sebe čárkou a tento seznam by měl vždy končit typovým písmem.
Příklad:
body {font-family: "Times New Roman" , Times , serif} typ-písma
Pokud nadefinujeme font elementu pomocí typového-písma, klient by měl pro toto typové písmo zvolit vhodnou rodinu písma, která bude na klientském systému nainstalována. Někteří klienti umožňují uživatelské nastavení konkrétních reprezentantů pro typová písma. Typová písma se v definici kaskádových stylů nesmějí uvádět uzavřená v uvozovkách. Podpora v prohlížečíchJak již bylo napsáno v úvodu, je vlastnost font-family jednou z nejlépe podporovaných vlastností v kaskádových stylů. IE plná podpora od verze 4; Mozilla (Netscape 6+) plná podpora všemi verzemi; Opera plná podpora od verze 3,5; IE 4/MAC plná podpora; Konqueror plná podpora; NN4 plná podpora. Příklady definice fontů
patkové písmo: font-family: "Times New Roman" , Times , serif
bez-patkové písmo: font-family: Arial , Helvetica , sans-serif neproporcionální písmo: font-family: "Courier New" , Courier , monospace Písma na jednotlivých OSWindows 3.1x
Písma ve Windows 3.x byli jen pro jednu znakovou sadu. Základní znaková sada byla západoevropská a od ní se odvozovaly ostatní. Odlišení písem pro jednotlivé znakové sady se provádělo pomocí koncovek přidávaných na konec názvu (např: Arial západoevropská sada, Arial CE středoevropská sada, Arial CY cyrilika atd.). Windows 95
Od verze Windows 95 jsou všecny znakové sady ukládány do jedné definice písma. K tomuto se používá standard, který je obdobný jako Unicode (ale není s ním zcela kompatibilní). To znamená, že daná rodina písma obsahuje znaky západo- i středo- evropské, řecké, azbuku a v některých případech i arabské a hebrejské. Windows 98+
Tato tabulka platí pro všechny verze Windows od verze 98. MacOS
U MacOS platí to samé jak u windows 3.1x, jednotlivé znakové sady mají svoji definici písma. V novějších MacOS X jsou již používány písma ve formátu Unicode, kde jsou jednotlivé znakové sady obsaženy v jedné definici písma. Uživatelé MacOS používají řadu aplikací of Microsoftu (Word, Excel, Outlook, MSIE), které si nainstalují windows písma. Tyto písma se ale nelokalizují pro češtinu. Pokud uživatel MacOS má nainstalované písma Arial, Times New Roman, Inpact, Verdanu atd. jedná se o písma západoevropská bez českých znaků. Tato skutečnost znepříjemňuje práci webdesignerům, aby se Mac webowský prohlížeč k těmto písmům vůbec nedostal. Linux
V linuxu obvykle obsahují definice písma západo -i středoevropskou znakovou sadu. Jelikož to není pravidlem obsahují některá písma jen západoevropskou znakovou sadu. Písma ze standardní instalace podporu českých znaků obsahují. Na všech výše uvedených platformách lze také používat moderní definice písem jako např. Adobe OpenType, které jsou ve standardu Unicode. ZávěrDnešní díl byl úvodem do problematiky správné definice rodiny písma v kaskádových stylech. Tato problematika je velmi důležitá pro správné zobrazování textů, proto se ji budeme věnovat také v dalším díle tohoto seriálu.
Related article
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 (9.) - Písmo IV. (Varianta a čitelnost písma) 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 Previous Show category (serial) Next
|
Szukanie oprogramowania
|
||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
©Pavel Kysilka - 2003-2024 | maillinuxsoft.cz | Design: www.megadesign.cz |