LINUXSOFT.cz Přeskoč levou lištu
Uživatel: Heslo:  
   CZUKPL

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

27.9.2004 10:00 | Vasek | Články autora | přečteno 18944×

Rodina písma

Rodina 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

serif
patkové proporcionální písmo. Typickými zástupci pro latinku jsou např. Times New Roman, Bodoni, Garamond, Minion Web, ITC Stone Serif, MS Georgia, Bitstream Cyberbit.
sans-serif
bez-patkové proporcionální písmo. Typickými zástupci pro latinku jsou např. MS Trebuchet, ITC Avant Garde Gothic, MS Arial, MS Verdana, Univers, Futura, ITC Stone Sans, Gill Sans, Akzidenz Grotesk, Helvetica.
cursive
kursiva, napodobenina písma psaného rukou. Typickými zástupci pro latinku jsou např. Caflisch Script, Adobe Poetica, Sanvito, Ex Ponto, Snell Roundhand, Zapf-Chancery.
fantasy
dekorativní písmo (volně psané písmo). Typickými zástupci pro latinku jsou např. Alpha Geometrique, Critter, Cottonwood, FB Reactor, Studz.
monospace
neproporcionální písmo napodobující psací stroj. Typickými zástupci pro latinku jsou např. Courier, MS Courier New, Prestige, Everson Mono.

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čích

Jak 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 OS

Windows 3.1x

název písma znaková sada typové písmo
Times New Roman západoevropský serif
Times New CE středoveropský serif
Courier New Roman západoevropský monospace
Courier New CE středoveropský monospace
Arial západoevropský sans-serif
Arial CE středoveropský sans-serif

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

název písma znaková sada typové písmo
Times New Roman více jazykový serif
Arial více jazykový sans-serif
Courier New Roman více jazykový monospace
Andelo Mono více jazykový sans-serif
Arial Black více jazykový sans-serif
Comic Sans MS více jazykový fantasy
Georgia více jazykový serif
Impact více jazykový sans-serif
Monotype Short ornamenty --
MS Sans Serif více jazykový sans-serif
Trebuchet MS více jazykový sans-serif
Verdana více jazykový sans-serif
Webdings ornamenty --
Windings ornamenty --

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+

název písma znaková sada typové písmo
Times New Roman více jazykový serif
Arial více jazykový sans-serif
Courier New Roman více jazykový monospace
Andelo Mono více jazykový sans-serif
Arial Black více jazykový sans-serif
Arial Narrow více jazykový sans-serif
Bookmann OldStyle více jazykový serif
Comic Sans MS více jazykový fantasy
Garamond více jazykový serif
Georgia více jazykový serif
Haettenschweiler více jazykový sans-serif
Impact více jazykový sans-serif
Lucida Console více jazykový monospace
Monotype Short ornamenty --
Symbols mat. symboly --
Tahoma více jazykový sans-serif
Trebuchet MS více jazykový sans-serif
Verdana více jazykový sans-serif
Webdings ornamenty --
Windings ornamenty --

Tato tabulka platí pro všechny verze Windows od verze 98.

MacOS

název písma znaková sada typové písmo
Courier západoevropský monospace
Courier CE středoveropský monospace
Geneva západoevropský sans-serif
Geneva CE středoveropský sans-serif
Helvetica západoevropský sans-serif
Helvetica CE středoveropský sans-serif
Monaco západoevropský monospace
Monaco CE středoveropský monospace
New York západoevropský serif
New York CE středoveropský serif
Palatino západoevropský serif
Palatino CE středoveropský serif
Symbol mat. symboly --
Techno západoevropský sans-serif
Techno CE středoveropský sans-serif
Times západoevropský serif
Times CE středoveropský serif
Zapf Dingbats ornamenty --

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

název písma znaková sada typové písmo
charter více jazykový serif
courier více jazykový monospace
fixed více jazykový monospace
helvetica více jazykový sans-serif
lucida více jazykový sans-serif
lucidabright více jazykový serif
lucidatypewriter více jazykový monospace
new century schoolbook více jazykový serif
times více jazykový serif
utopia více jazykový serif

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ěr

Dneš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.

Verze pro tisk

pridej.cz

 

DISKUZE

Nejsou žádné diskuzní příspěvky u dané položky.



Příspívat do diskuze mohou pouze registrovaní uživatelé.
> Vyhledávání software
> Vyhledávání článků

4.9.2016 20:13 /Pavel `Goldenfish' Kysilka
PR: Dne 22.9.2016 proběhne v Praze konference Cloud computing v praxi. Tématy bude např. nejnovější trendy v oblasti cloudu a cloudových řešení, provozování ERP v cloudu, o hostování různých typů softwaru, ale třeba i o zálohování dat nabízeném podnikům formou služby.
Přidat komentář

1.9.2016 11:27 /Honza Javorek
Česká konference o Pythonu, PyCon CZ, stále hledá přednášející skrz dobrovolné přihlášky. Máte-li zajímavé téma, neváhejte a zkuste jej přihlásit, uzávěrka je již 12. září. Konference letos přijímá i přednášky v češtině a nabízí pomoc s přípravou začínajícím speakerům. Řečníci mají navíc vstup zadarmo! Více na webu.
Přidat komentář

27.8.2016 8:55 /Delujek
Dnes po 4 letech komunitního vývoje vyšla diaspora 0.6.0.0
diaspora* je open-source, distribuovaná sociální síť s důrazem na soukromý
Více v oficiálním blog-postu
Přidat komentář

24.8.2016 6:44 /Ondřej Čečák
Poslední týden CFP LinuxDays 2016; pokud byste rádi přednášeli na LinuxDays 2016 8. a 9. října v Praze, můžete svůj příspěvek přihlásit, následovat bude veřejné hlasování.
Přidat komentář

9.8.2016 22:56 /Petr Ježek
Zařazení souborového systému reiser4 do jádra 4.7 znamená konečně konec patchování jádra jen kvůli možnosti použít reiser4.
Přidat komentář

12.7.2016 13:14 /František Kučera
Spolek OpenAlt zve na 130. distribuovaný sraz příznivců svobodného softwaru a otevřených technologií (hardware, 3D tisk, SDR, DIY, makers…), který se bude konat ve čtvrtek 21. července od 18:00 v Radegastovně Perón (Stroupežnického 20, Praha 5).
Přidat komentář

11.7.2016 16:53 /Redakce Linuxsoft.cz
Konference LinuxDays hledá přednášející. Přihlášky poběží do konce prázdnin, v září bude hlasování a program. Více na https://www.linuxdays.cz/2016/cfp/.
Přidat komentář

8.5.2016 17:19 /Redakce Linuxsoft.cz
PR: Dne 26.5.2016 proběhne v Praze konference Cloud computing v praxi. Tématy bude např. nejnovější trendy v oblasti cloudu a cloudových řešení, cloudové služby, infrastruktura cloudu, efektivní využití cloudu, možné nástrahy cloudů a jak se jim vyhnout
Přidat komentář

   Více ...   Přidat zprávičku

> Poslední diskuze

19.9.2016 21:04 / Marek Schoř
Poděkování

1.9.2016 13:07 / Walker
hardwood floor refinishing

12.8.2016 11:51 / Josef Zapletal
Jak udělat HTML/Javascript swiping gallery do mobilu?

8.8.2016 14:58 / Adams
fairies for hire

28.7.2016 15:51 / pepan
Re: NetBeans vs Eclipse

Více ...

ISSN 1801-3805 | Provozovatel: Pavel Kysilka, IČ: 72868490 (2003-2016) | mail at linuxsoft dot cz | Design: www.megadesign.cz | Textová verze