Najlepšie štandardné fonty. Systémové písma, pripojenie

Jednou z hlavných úloh webdizajnu je výber správneho štandardné písma. Služby vkladania písiem ako Google Web Fonts alebo Typekit boli vytvorené ako alternatíva s cieľom poskytnúť niečo nové.

Ich použitie je veľmi jednoduché. Vezmime si ako príklad webové písma Google.

Vyberte písmo Open Sans, Droid Serif alebo Lato. Napíšte kód a vložte ho do prvku HTML dokument. Ste pripravení na to odkazovať v CSS! Celý proces netrval dlhšie ako 60 sekúnd. A všetko je úplne zadarmo.

Čo môže byť zlé?

Niektoré písma nemusia byť dostupné pre každého. A to znamená, že môžu nastať problémy. Ste radi, že ste si pre stránku vybrali krásne písmo, no návštevník webovej stránky namiesto toho vidí škaredé písmo.

Toto sa nestane, ak implementujete možnosť zálohovania.

Aké dôležité je používať bezpečné webové písma?

Každé zariadenie má vlastnú sadu predinštalovaných písiem. Ktorý z nich závisí od operačného systému. Problém je v tom, že sú medzi nimi malé rozdiely.

A čo webové stránky? Ako tento? Písmo, ktoré vidíte, nemusí byť to, ktoré bolo pôvodne špecifikované pre danú lokalitu.

Čo to znamená? Povedzme, že dizajnér vybral pre stránku nejakú rodinu platených písiem. Ak ich nemáte nainštalované a neposkytuje ich špeciálna webová služba, potom je písmo, ktoré vidíte, jednou zo štandardných možností. Napríklad Times New Roman.

Preto môže text na obrazovke vyzerať jednoducho hrozne.

A tu štandardné fonty pre web dostupné na všetkých operačných systémoch. Toto je malá zbierka dostupná pre Windows, Mac, Google, ako aj pre Unix a Linux.

Pomocou tohto výberu môžu dizajnéri, ale aj majitelia webových stránok určiť, ktoré písmo sa má použiť ako záložné písmo. To vám dáva možnosť ovládať, ako bude stránka vyzerať na rôznych zariadeniach.

Ako záložnú možnosť vývojár vyberie písmo, ktoré je veľmi podobné pôvodnému, a práve toto sa používateľovi zobrazí.

Poďme sa pozrieť na výber tých najobľúbenejších štandardné písma HTML.

15 najlepších webových bezpečných písiem

1. Arial

Vo väčšine prípadov sa považuje za štandard. Najbežnejšie písmo " sans serif"alebo bezpätkové písma ( ktoré nemajú pätky na koncoch písmen). V systéme Windows sa často používa na nahradenie iných znakov.

1. Helvetica

Helvetica je záchranca pre dizajnérov. Toto štandardné webové písmo funguje takmer vždy ( aspoň ako záchrannú sieť pre ostatné fonty).

1. Times New Roman

Má rovnakú úlohu pre pätkové písma ako Arial pre bezpätkové písma. Je jedným z najpopulárnejších na Zariadenia so systémom Windows. Toto je aktualizovaná verzia starého písma Times.

1. Times

CSS štandardné písmo The Times pozná väčšina. Mnoho ľudí si ho pamätá malými písmenami v úzkych stĺpcoch starých novín. Najbežnejší typ tlače, ktorý sa stal tradíciou.

1. Kuriér Nový

Podobá sa Times New Roman a používa sa ako variácia starej klasiky. Považuje sa tiež za jednorozmerné písmo. Na rozdiel od pätkového a bezpätkového písma majú všetky jeho znaky rovnakú šírku.

1. Kuriér

Staré písmo s pevnou šírkou, ktoré sa používa ako záložné písmo na takmer všetkých zariadeniach a operačných systémoch.

1. Verdana

Verdana možno právom považovať za skutočné webové písmo ( skutočné webové písmo) vďaka jednoduchým líniám pôsobiacim ako pätky, ako aj veľkým rozmerom. Jeho písmená sú mierne pretiahnuté, takže sú na obrazovke dobre čitateľné.

1. Gruzínsko

Štandardné webové písmo Georgia je tvarom a veľkosťou podobné písmu Verdana. Jeho znaky sú väčšie ako iné písma rovnakej veľkosti. Ale je lepšie ho nepoužívať v kombinácii s inými. V porovnaní s tým ten istý Times New Roman vyzerá ako trpaslík.

1. Palatino

Palatino sa datuje do obdobia renesancie. Žiadne vtipy. Toto je ďalšie veľké písmo, ktoré je ideálne pre web. Bežne sa používa v titulkoch a reklamách.

1. Garamond

Ďalšie staroveké písmo, ktoré sa objavilo v 16. storočí v Paríži. Jeho nová a vylepšená verzia je štandardne súčasťou väčšiny zariadení so systémom Windows. Neskôr tento font prevzali aj iné operačné systémy.

1. Bookman

Bookman ( alebo Bookman Old Style) - jeden z najlepšie štandardné fonty pre nadpisy. Jeho charakteristickým znakom je čitateľnosť aj pri použití malej veľkosti.

1. Comic Sans MS

Comic Sans MS je zábavná alternatíva pre pätkové písma.

1. Trebuchet čs

Toto je stredoveké písmo pôvodne vyvinuté spoločnosťou Microsoft v polovici deväťdesiatych rokov. Bol použitý v systéme Windows XP. Dnes sa z neho skladá hlavný text.

Špecifickou vlastnosťou RuNetu je problém s kódovaním stránok a podporou cyriliky vo fontoch. Aby sa predišlo problémom s rôznym kódovaním znakov, inteligentní ľudia prišli s písmom, ktoré vám umožňuje kombinovať znaky z niekoľkých jazykov v jednom písme. Preto pre stránky v ruskom jazyku musíte používať iba písma Unicode, ktoré podporujú cyriliku.

Nižšie je uvedená tabuľka zhody písiem.

Windows	Mac OS	Unix/Linux	rodová rodina
Arial Black	Helvetica C.Y.	Nimbus Sans L	Bezpätkové
Arial	Helvetica C.Y.	Nimbus Sans L	Bezpätkové
Comic Sans MS	Monako CY	* (Pozri nižšie)	kurzíva
Kuriér Nový	* (Pozri nižšie)	Nimbus Mono L	Monospace
Gruzínsko	* (Pozri nižšie)	Učebnica storočia L	Serif
Vplyv	Charcoal C.Y.	* (Pozri nižšie)	Bezpätkové
Times New Roman	Times C.Y.	Nimbus Roman No9 L	Serif
Trebuchet čs	Helvetica C.Y.	* (Pozri nižšie)	Bezpätkové
Verdana	Geneva C.Y.	DejaVu Sans	Bezpätkové

* v stĺpci oproti písmu znamená, že operačný systém nemá natívne cyrilické ekvivalenty písma Windows. Zároveň je však vysoká pravdepodobnosť, že toto písmo samotné je nainštalované priamo v operačnom systéme.

Napríklad, ak je hlavným textom rozloženia Arial, nájdeme tento font v tabuľke a napíšeme zodpovedajúci riadok v CSS:

Text (rodina písiem: Arial, "Helvetica CY", "Nimbus Sans L", bezpätkové; )

Tento záznam znamená, že ak má používateľ písmo Arial (a majú ho všetci používatelia systému Windows a všetci používatelia Mac OS X), stránka sa zobrazí v tomto písme. Ak používateľ nemá toto písmo, stránka rusky hovoriaceho používateľa systému Mac OS 9 sa presne zobrazí v štandardnom systémovom písme Helvetica CY a používateľovi systému Unix/Linux sa zobrazí v písme Nimbus Sans L , ktorý je nainštalovaný na 90 % používateľov systému Unix/Linux. Ak je používateľ Unixu/Linuxu v 10 % bez tohto písma, stránka sa zobrazí v pätkovom písme, ktoré je predvolene nastavené na prezeranie webových stránok.

Príklady takýchto vládcov môžeme vidieť napríklad v Dreamweaveri.

Začínajúci dizajnéri rozloženia si vyberú pravítko na základe prvého písma bez toho, aby premýšľali o tom, čo tento dlhý riadok znamená. Niektorí dokonca vymažú všetko okrem prvého písma, čím zabránia všetkým používateľom, ktorí z nejakého dôvodu nemajú toto písmo nainštalované, vidieť zámer dizajnéra.

Ale teraz vieme, čo tento riadok znamená, však? A už to vieme správne využiť.

Ale prečo je línia, ktorú sme postavili, taká odlišná od bežnej v Dreamweaveri:

Text (rodina písiem: Arial, Helvetica, bezpätkové; )

Okrem toho, že tabuľka zohľadňuje Unixové/Linuxové fonty, je tu po obyčajnej Helvetici aj nejaká zvláštna ikona CY. Poďme zistiť, čo to je!

Pred vydaním Mac OS X mal tento riadok nasledujúci význam: pre používateľov Windows zobrazujeme stránku v Arial, pre používateľov Mac OS 9 v štandardnom fonte Helvetica a pre ostatných vidíme stránku v systéme bezpätkové písmo, ktoré je predvolene nakonfigurované v prehliadači. Ale opäť dôležitá nuansa! Štandardné písmo Mac OS 9 Helvetica nemá azbuku! Pre stránku v ruskom jazyku to znamenalo nasledovné: pre používateľov systému Windows zobrazujeme stránku Arial, pre používateľov systému Mac OS 9 - v štandardnom písme Helvetica, ktoré zobrazuje nečitateľné informácie, a zvyšok nájdete na stránke so systémom bez pätky font predvolene nakonfigurovaný v prehliadači.

Ak chcete správne zobraziť túto sadu pre používateľov systému Mac OS 9, namiesto necyrilizovaného písma Helvetica má zmysel zadať rovnaké štandardné písmo Mac OS 9 Helvetica CY obsahujúce cyriliku.

Čítanie pravítok sa od vydania systému Mac OS X zmenilo. Teraz existuje jedno bežné štandardné písmo určené pre Windows/Mac OS X. A ak chceme, aby používatelia Mac OS 9 mohli vidieť zámer dizajnéra, musíme do riadku písma zahrnúť písmo obsahujúce cyriliku.

Takže aj keď neexistujú bezpečné fonty, existujú bezpečné rodiny fontov. Sú tiež tzv zásobníky CSS písma. Okrem štandardných písiem Windows/Mac OS X môžu tieto riadky obsahovať aj ekvivalentné písma zo štandardnej sady Mac OS 9 (ktorá štandardne neobsahuje „bezpečné“ písma) a bežné písma Unix/Linux.

Každý návrhár rozloženia skôr či neskôr narazí na moment, keď dizajnér použije písmo v rozložení, ktoré nie je zahrnuté v zozname „bezpečných“ písiem; Ale to ešte nie je dôvod biť na poplach! Napríklad dizajnéri veľmi často používajú na rozloženiach písmo Tahoma, ktoré nie je zahrnuté v tomto zozname. Správne postavená línia fontov otvára možnosť použitia nielen Tahoma, ale aj iných fontov. Túto príležitosť využíva čoraz viac dizajnérov a kompetentný dizajnér dispozičného riešenia by o tom mal vedieť.

Nižšie je uvedená ďalšia tabuľka písiem, ktoré nie sú zahrnuté v zozname „bezpečných“ písiem, ale možno ich použiť v rozložení.

Windows	Mac OS	rodová rodina
Konzola Lucida	Monako	Monospace
Lucida Sans Unicode	Lucida Grande	Bezpätkové
Tahoma	Geneva C.Y.	Bezpätkové

Čo ak neexistuje azbuka?

Pre texty v anglickom jazyku majú vyššie uvedené tabuľky mierne odlišný vzhľad.

Windows	Mac OS	Unix/Linux	rodová rodina
Arial Black	Modul gadget	Nimbus Sans L	Bezpätkové
Arial	Helvetica	Nimbus Sans L	Bezpätkové
Comic Sans MS	Monako	TSCu_Comic	kurzíva
Kuriér Nový	Kuriér	Nimbus Mono L	Monospace
Gruzínsko	* (Pozri nižšie)	Učebnica storočia L	Serif
Vplyv	Drevené uhlie	Rekha	Bezpätkové
Times New Roman	Times	Nimbus Roman No9 L	Serif
Trebuchet čs	Helvetica	Garuda	Bezpätkové
Verdana	Ženeva	DejaVu Sans	Bezpätkové

Pre písma Arial, Courier New a Times New Roman je pri vytváraní pravítok lepšie zadať najprv písmo Unix/Linux a až potom písmo Mac OS. Je to kvôli určitej pokrivenosti základnej sady fontov Linux X11.

Písma, ktoré nie sú zahrnuté v zozname „bezpečných“, ale možno ich použiť v rozložení, sú lepšie definované pomocou zásobníkov písem CSS založených na tejto tabuľke.

Windows	Mac OS	Unix/Linux	rodová rodina
Konzola Lucida	Monako	—	Monospace
Lucida Sans Unicode	Lucida Grande	Garuda	Bezpätkové
Palatino linotyp	Palatino	Garuda**	Bezpätkové
Tahoma	Ženeva	Kalimati	Bezpätkové

Pomlčka v stĺpci Unix/Linux znamená, že používatelia týchto operačných systémov s najväčšou pravdepodobnosťou uvidia na stránke predvolené písmo.

Písma sú neoddeliteľnou a veľmi dôležitou súčasťou dizajnu webovej stránky, ktorá zdôrazňuje jej individualitu. Článok bude hovoriť o pripojení štandardných písiem k webovej stránke, nazývajú sa tiež systémové písma.

Systémové, štandardné, bezpečné písma

Každý prehliadač zobrazuje iba tie písma, ktoré sú prítomné v operačnom systéme počítača. Preto sa nazývajú systémové a štandardne sa inštalujú spolu s operačným systémom.

A nazývajú sa bezpečné písma, pretože sa pravdepodobne zobrazia v prehliadači väčšiny návštevníkov webových stránok.

Problém je však v tom, že rôzne operačné systémy majú nainštalované rôzne sady písiem. Sady dodávaných písiem spolu s operačným systémom si môžete pozrieť na oficiálnych stránkach Windows a Mac OS. A v Unixe/Linuxe neexistuje žiadny štandard.

Aby sa internetová stránka zobrazovala v súlade s myšlienkou dizajnéra, bola v CSS nainštalovaná vlastnosť písma s názvom font-family.

vlastnosť rodiny písma

Vlastnosť font-family sú rodiny písiem zoskupené podľa určitých charakteristík.

Generické rodiny:

• serif - fonty s pätkami na koncoch;
• sans-serif - bezpätkové písma;
• kurzíva - kurzíva;
• fantázia - ozdobné písma;
• monospace - jednopriestorové písmo (s písmenami rovnakej šírky).

Týmto spôsobom sa jednoducho vyberú podobné fonty z rôznych operačných systémov a pripoja sa k internetovej stránke oddelené čiarkami.

Tu je príklad, len pre vizuálne vnímanie. K tomuto príkladu sa vrátime neskôr, keď budeme uvažovať o priamom spájaní písiem.

Stačí sledovať logiku a všetko bude krištáľovo čisté.

Telo ( rodina písiem: Arial, "Helvetica CY", "Nimbus Sans L", bezpätkové; ) Poďme analyzovať, čo je napísané:

• OS Windows - Arial;
• OC Mac OS - Helvetica CY;
• OC Unix/Linux - Nimbus Sans L;
• Generická rodina - bezpätkové.

Takzvané bezpečné písma

Na základe operačného systému Windows bol zostavený zoznam niekoľkých bezpečných písiem.

1. Arial
2. Arial Black
3. Comic Sans MS
4. Kuriér Nový
5. Gruzínsko
6. Vplyv
7. Times New Roman
8. Trebuchet čs
9. Verdana

Všetky tieto fonty sú nainštalované v Mac OS X, Windows a mnohých používateľov Unix/Linux, ktorí majú nainštalované Core fonty pre webový balík.

Pre ostatných používateľov je k dispozícii tabuľka zhody. Obsahuje podobné fonty patriace do konkrétnej rodiny.

Tabuľka korešpondencie a príslušnosti písiem ku konkrétnej rodine:

Windows	Mac OS	Unix/Linux	rodová rodina
Arial Black	Helvetica C.Y.	Nimbus Sans L	Bezpätkové
Arial	Helvetica C.Y.	Nimbus Sans L	Bezpätkové
Comic Sans MS	Monako CY	* (Pozri nižšie)	kurzíva
Kuriér Nový	* (Pozri nižšie)	Nimbus Mono L	Monospace
Gruzínsko	* (Pozri nižšie)	Učebnica storočia L	Serif
Vplyv	Charcoal C.Y.	* (Pozri nižšie)	Bezpätkové
Times New Roman	Times C.Y.	Nimbus Roman No9 L	Serif
Trebuchet čs	Helvetica C.Y.	* (Pozri nižšie)	Bezpätkové
Verdana	Geneva C.Y.	DejaVu Sans	Bezpätkové

* Pri spájaní fontov sa na to môžete bezpečne spoľahnúť. Tabuľka podporuje znaky cyriliky a ruskú abecedu.

Pripojenie systémových písiem k lokalite

Ak sa potrebujete pripojiť hlavné písmo pre celý dokument, stačí pridať nasledujúci kód do šablóny so štýlmi CSS:

Telo ( /* pripojí font k celému dokumentu */ font-family: Arial, "Helvetica CY", "Nimbus Sans L", sans-serif; /* dodatočne nastaví veľkosť písma */ font-size: 16px; / * nastavte tučné písmo, alebo namiesto 400 nastavte hodnotu - normálne */ font-weight: 400; )

A takto sú systémové písma pripojené v rámci Bootstrap 4: Písma sú zahrnuté s ohľadom na mobilné zariadenia.

Telo ( rodina fontov: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol"; )

Priradenie písma pre nadpisy

H1, H2, H3, H4, H5, H6 - tu je to to isté, iba nastavíme hodnotu tučného písma, aby sme zvýraznili nadpisy:

H1, h2, h3, h4, h5, h6 ( rodina písiem: Arial, "Helvetica CY", "Nimbus Sans L", bezpätkové; /* pripojte písmo k nadpisom */ váha písma: 600; / * nastavte váhu písma alebo namiesto 600 nastavte hodnotu na tučné */ )

Písmo priraďujeme iba odsekom:

p ( font-family: Arial, "Helvetica CY", "Nimbus Sans L", bezpätkové; font-weight: normal; font-size: 16px; ) Riadok po riadku to vyzerá takto:

1. Písmo spájame s odsekmi, možno ho aplikovať na zoznamy li, bloky div, formuláre a ďalšie prvky;
2. Nastavte hrúbku písma alebo namiesto 600 nastavte hodnotu na tučné;
3. Okrem toho nastavujeme veľkosť písma pre odseky.

Komu priradiť písmo len konkrétnemu odseku, alebo bloku, musíte najprv priradiť triedu k tomuto bloku v dokumente HTML:

Tu je odsek s fontom pluginu

A do tabuľky CSS napíšte nasledujúci kód:

Hlavné písmo ( rodina písma: Arial, "Helvetica CY", "Nimbus Sans L", bezpätkové; hmotnosť písma: normálne; veľkosť písma: 16px; )

Teraz bude každej značke - html prvku s triedou .font (nazvite si to ako chcete) priradený font Arial s normálnou (400), tučnou veľkosťou a veľkosťou 16 pixelov.
Podobne môžete priradiť rôzne písma zoznamom li, tabuľkám, celým blokom div, jednotlivým slovám alebo frázam.

Pripojenie písiem priamo v dokumente HTML

Písma sú zahrnuté priamo do dokumentu HTML rovnakým spôsobom ako súbor CSS, rozdiel je len v syntaxi. Písma môžete zahrnúť do hlavičky dokumentu – medzi značky (podobne ako CSS súbor), alebo inline – priraďovanie vlastností priamo html tagom.

Vrátane fontov v hlavičke, medzi značkami . Ak to chcete urobiť, pridajte do html dokumentu nasledujúci kód:

Všetko je podobné ako pri pripojení v súbore CSS.

Pripojenie písiem v rade

Priamo na prvky lokality. Dovoľte mi uviesť niekoľko príkladov:

Pripojenie písma k odseku

Tu je odsek s textom

Samostatné slovo zvýrazníme tučným písmom a priradíme samostatné písmo od hlavného

Tu je odsek s textom a toto slovo, ktorý by mal byť zvýraznený tučným písmom

Odkaz zvýrazníme tučným písmom a priradíme samostatné písmo od hlavného

Toto je jednoduchý text. Tu je odkaz tiež jednoduchý text.

Podobne fonty priraďujeme ľubovoľnej html značke.

Poznámka – Systémové písma v Bootstrape 4

Vývojári slávneho Framework Bootstrap 4 spájajú písma nasledujúcim spôsobom, takže takmer každé zariadenie môže používať jeho štandardné systémové písma.

Telo ( rodina písiem: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, bezpätkové, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; )

V tomto článku sa podelím o moje riešenie problému s nesprávnym zobrazením písiem v systéme Windows 7, ktorý vyžaduje obnovenie všetkých štandardných fontov vWindows 7. Pozadie otázky je toto: Nedávno som hľadal nové originálne písma na použitie v grafickom editore, stiahol som si ich veľa, ale potom som si všimol, že keď sa do systému pridá nové písmo, ak existuje zhoda, pôvodné písmo sa nahradí novým (návod na inštaláciu písma vo Windows 7). V dôsledku tejto činnosti bolo nemožné pracovať na polovici systémových panelov a aplikácií, pretože hovorili jazykmi, ktoré nepoznám :).

Rýchle vyhľadávanie Google pre „ obnoviť systémové písmaWindows 7"A" štandardné písma preWindows 7“, neprinieslo veľa výsledku, navrhované riešenia fkb nepomohli (prirodzene, preinštalovanie systému mi nevyhovovalo). Preto som sa rozhodol ísť vlastnou cestou a na začiatok jednoducho skopírovať pôvodné fonty zo známeho normálneho systému (pripomínam, že fonty sú uložené v adresári %windir%\fonts) a nahradil som nimi písma v mojom systéme. Riešenie pomohlo len čiastočne, bolo možné pracovať v systéme, objavili sa moje rodné cyrilické znaky, ale parametre písma zostali veľmi požadované. Jednak sa zmenila veľkosť niektorých písiem, alebo ich písanie už nezodpovedá originálu, prípadne sa písmo z nejakého dôvodu stalo tučným.

Podarilo sa mi však prísť na to, ako tento problém prekonať. Ak to chcete urobiť, musíte obnoviť nastavenia písma v registri, pre ktoré si stiahnite nižšie priložený súbor, ktorý vám umožní obnoviť priradenia pre štandardné písma v systéme Windows 7. Môžete si ho stiahnuť:

Tento súbor predstavuje exportovaný obsah podregistra HKEY_LOCAL_MACHINE\SOFTWARE\Microsoft\Windows NT\CurrentVersion\Fonts vo Win 7. Po použití tohto .reg súboru je potrebné reštartovať systém, hľa! Problém s písmami by mal zmiznúť!

Tie. Postupnosť, ktorá mi pomohla obnoviť štandardné systémové písma v systéme Windows 7, je táto:

• nahradenie fontov v adresári %windir%\fonts fontmi z „čistého“ systému
• exportovať vetvu registra HLM\SOFTWARE\Microsoft\Windows NT\CurrentVersion\Fonts

Dúfam, že ak sa vám zrútili aj písma, toto riešenie vám tiež pomôže. V každom prípade, ak nájdete alternatívnu metódu, ktorá pomohla vo vašej situácii, neváhajte sa podeliť v komentároch. Teoreticky je návod vhodný aj v prípadoch, keď bol požadovaný font omylom vymazaný a po jeho nájdení a skopírovaní späť závady nezmiznú.

PS. Ak nemáte po ruke čistý Windows 7, tu si môžete stiahnuť archív so štandardnými písmami: http://narod.ru/disk/52061075001.99f42303cf1a0ac70dc978dd20406657/original_fonts.zip.html, veľkosť archívu je približne 350 MB.

Tento zoznam obsahuje písma spoločné pre všetky súčasné operačné systémy Windows (v skutočnosti od Windows 98) a ich ekvivalenty v Mac OS. Takéto písma sa niekedy nazývajú „písma bezpečné pre prehliadač“ ( bezpečné písma prehliadača). Toto je malá príručka, ktorú používam pri vytváraní webových stránok a myslím si, že bude užitočná aj pre vás.

Ak ste novým webovým dizajnom, možno si myslíte niečo ako: „Prečo by som sa mal obmedzovať na takú malú sadu písiem? Mám obrovskú zbierku krásnych fontov!“ Faktom je, že prehliadač návštevníka môže zobraziť iba tie písma, ktoré sú nainštalované v jeho operačný systém ( približne. prekladateľ: V súčasnosti je už možné použiť prakticky akékoľvek fonty pri navrhovaní stránok pomocou CSS 3 a jeho novej vlastnosti @font-face; túto funkciu však zatiaľ nepodporujú všetky prehliadače), čo znamená, že každý návštevník vašej stránky musí byť vlastníkom písma, ktoré ste si vybrali. Preto by ste mali používať iba písma, ktoré sú dostupné v každom operačnom systéme. Našťastie má CSS vlastnosť @font-family, čo túto úlohu uľahčuje.

Zoznam

@font-family znamená	Windows	Mac	Rodina
Arial, Helvetica, bezpätkové	Arial	Arial, Helvetica	sans-serif
"Arial Black", Gadget, bezpätkové	Arial Black	Arial Black, Gadget	sans-serif
"Comic Sans MS", kurzíva	Comic Sans MS	Comic Sans MS 5	kurzíva
"Courier New", Courier, monospace	Kuriér Nový	Kuriér Nový, Kuriér 6	monopriestor
Georgia, Serif	Gruzínsko 1	Gruzínsko	serif
Nárazové, drevené uhlie, bezpätkové	Vplyv	Náraz 5, drevené uhlie 6	sans-serif
"Lucida Console", Monako, monospace	Konzola Lucida	Monako 5	monopriestor
"Lucida Sans Unicode", "Lucida Grande", bezpätkové	Lucida Sans Unicode	Lucida Grande	sans-serif
"Palatino Linotype", "Book Antiqua", Palatino, serif	Palatino linotyp, kniha Antiqua 3	Palatino 6	serif
Tahoma, Ženeva, sans-serif	Tahoma	Ženeva	sans-serif
"Times New Roman", Times, pätka	Times New Roman	Times	serif
"Trebuchet MS", Helvetica, sans-serif	Trebuchet MS 1	Helvetica	sans-serif
Verdana, Ženeva, sans-serif	Verdana	Verdana, Ženeva	sans-serif
Symbol	Symbol 2	Symbol 2	-
Webdings	Webdingy 2	Webdingy 2	-
Wingdings, "Zapf Dingbats"	Krídla 2	Zapf Dingbats 2	-
"MS Sans Serif", Ženeva, bezpätkové	MS Sans Serif 4	Ženeva	sans-serif
"MS Serif", "New York", pätka	MS Serif 4	New York 6	serif

1 Písma Georgia a Trebuchet MS sa dodávajú so systémom Windows 2000/XP a sú súčasťou balíka písiem IE (a skutočne sa dodávajú s mnohými aplikáciami spoločnosti Microsoft), takže sú nainštalované na mnohých počítačoch so systémom Windows 98.

2 Písma symbolov sa zobrazujú iba v prehliadači Internet Explorer, v iných prehliadačoch sú zvyčajne nahradené štandardným písmom (hoci napríklad písmo Symbol sa zobrazuje v Opere a Webdings v Safari).

3 Písmo Book Antiqua je takmer identické s Palatino Linotype; Palatino Linotype sa dodáva s Windows 2000/XP a Book Antiqua sa dodáva s Windows 98.

4 Upozorňujeme, že tieto písma nie sú TrueType, ale bitmapové, takže pri niektorých veľkostiach môžu vyzerať zle (sú navrhnuté na zobrazenie s rozlíšením 8, 10, 12, 14, 18 a 24 bodov pri 96 DPI).

5 Tieto písma fungujú v prehliadači Safari iba v štandardnom štýle, ale nefungujú tučným písmom ani kurzívou. Comic Sans MS funguje aj tučným písmom, ale nie kurzívou. Zdá sa, že ostatné prehliadače pre Mac sú v poriadku pri emulácii chýbajúcich vlastností písma (vďaka Christianovi Fecteauovi za tip).

6 Tieto písma sa nainštalujú na Mac iba s klasickou inštaláciou

Snímky obrazovky

• Mac OS X 10.4.8, Firefox 2.0, ClearType povolený (vďaka Jurisovi Vecvanagsovi za snímku obrazovky)
• Mac OS X 10.4.4, Firefox 1.5, povolený ClearType
• Mac OS X 10.4.11, Safari 3.0.4, povolený ClearType (vďaka Nolanovi Gladiusovi za snímku obrazovky)
• Mac OS X 10.4.4, Safari 2.0.3, povolený ClearType (vďaka Ericovi Zaveskymu za snímku obrazovky)
• Windows Vista, Internet Explorer 7, povolený ClearType
• Windows Vista, Firefox 2.0, povolený ClearType (vďaka Michielovi Bijlovi za snímku obrazovky)