Serif systémové písma. K sadzačovi o fontoch. Bezpečné fonty

Tento zoznam obsahuje písma, ktoré sú spoločné pre všetky súčasné operačné systémy Windows (v skutočnosti počnúc Windows 98) a ich ekvivalenty v systéme Mac OS. Tieto písma sa niekedy označujú ako „písma bezpečné pre prehliadač“ ( bezpečné písma prehliadača). Toto je malá referencia, ktorú používam pri tvorbe 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 skvelých písiem!" 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 dnešnej dobe je už možné použiť prakticky akýkoľvek typ fontu pri dizajne 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 fonty, ktoré sú dostupné v každom operačnom systéme. Našťastie CSS má vlastnosť @ font-family to uľahčuje túto úlohu.

Zoznam

@ Hodnota rodiny písiem	Windows	Mac	rodina
Arial, Helvetica, bezpätkové	Arial	Arial, Helvetica	bezpätkové
"Arial Black", Gadget, bezpätkové	Arial čierna	Arial Black, Gadget	bezpätkové
"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	bezpätkové
"Lucida Console", Monako, monospace	Konzola Lucida	Monako 5	monopriestor
"Lucida Sans Unicode", "Lucida Grande", bezpätkové	Lucida Sans Unicode	Lucida grande	bezpätkové
"Palatinský linotyp", "Antická kniha", Palatino, pätka	Palatino linotyp, kniha Antiqua 3	Palatino 6	serif
Tahoma, Ženeva, sans-serif	Tahoma	Ženeva	bezpätkové
"Times New Roman", Times, pätka	Times New Roman	Times	serif
"Trebuchet MS", Helvetica, bezpätkové	Trebuchet MS 1	Helvetica	bezpätkové
Verdana, Ženeva, sans-serif	Verdana	Verdana, Ženeva	bezpätkové
Symbol	Symbol 2	Symbol 2	-
Webdings	Webdings 2	Webdings 2	-
Wingdings, "Zapf Dingbats"	Krídla 2	Zapf Dingbats 2	-
"MS Sans Serif", Ženeva, bezpätkové	MS Sans Serif 4	Ženeva	bezpätkové
"MS Serif", "New York", pätka	MS Serif 4	New York 6	serif

1 Fonty Georgia a Trebuchet MS sa dodávajú so systémom Windows 2000 / XP a sú zahrnuté v balíku IE Font Pack (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 Book Antiqua je takmer totožná 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é písma, takže pri niektorých veľkostiach môžu vyzerať zle (sú navrhnuté tak, aby sa zobrazovali s rozlíšením 8, 10, 12, 14, 18 a 24 bodov pri rozlíšení 96 DPI).

5 Tieto písma fungujú iba v štandardnom štýle v Safari, 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 iné prehliadače pre počítače Mac samy o sebe napodobňujú chýbajúce vlastnosti písma (vďaka Christianovi Fecteauovi za tip).

6 Tieto písma sa nainštalujú na Mac iba počas klasickej inštalácie

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, ClearType Enabled
• Windows Vista, Firefox 2.0, povolený ClearType (vďaka Michielovi Bijlovi za snímku obrazovky)

Jednou z hlavných úloh webdizajnu je nájsť to správne štandardné písma... Služby vkladania písiem ako Google Web Fonts alebo Typekit boli vytvorené ako alternatíva so zámerom 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... Všetko je pripravené na prepojenie 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. To znamená, že môžu nastať problémy. Ste radi, že ste si pre svoj web vybrali krásne písmo a návštevník webu namiesto neho vidí škaredé čmáranice.

Toto sa nestane, ak implementujete záložnú možnosť.

Aké dôležité je používanie bezpečných webových písiem?

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

A stránky? Napríklad tento? Písmo, ktoré vidíte, nemusí byť to, ktoré bolo pôvodne napísané pre web.

Čo to znamená? Povedzme, že dizajnér si pre stránku vybral rodinu platených písiem. Ak ich nemáte nainštalované a neposkytuje vám 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, ako môže text na vašej obrazovke vyzerať hrozne.

A tu štandardné fonty pre stránku je k dispozícii vo všetkých operačných systémoch. Toto je malá zbierka dostupná pre Windows, Mac, Google, ako aj Unix a Linux.

Pomocou tejto kolekcie môžu dizajnéri, ako aj vlastníci stránok určiť, ktoré písmo sa má použiť ako záložné písmo. Takto je možné kontrolovať, ako bude stránka vyzerať na rôznych zariadeniach.

Ako rezervu si vývojár vyberie písmo, ktoré je veľmi podobné pôvodnému, a zobrazí sa používateľovi.

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

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

1. Arial

Vo väčšine prípadov sa považuje za štandard. Najbežnejšie písmo " sans serif"Alebo nasekané písma ( ktoré nemajú na koncoch písmen žiadne pätky). 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

Slúži ako Arial pre bezpätkové. 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 na starú klasiku. Považuje sa tiež za jednorozmerné písmo. Na rozdiel od pätkových a bezpätkových písiem majú všetky 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 pätkovým líniám a 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 má podobný tvar a veľkosť ako písmo Verdana. Jeho znaky sú väčšie ako iné písma rovnakej veľkosti. Ale je lepšie ho nepoužívať v tandeme s ostatnými. Ten istý Times New Roman v porovnaní s ním vyzerá ako trpaslík.

1. Palatino

Palatino sa datuje do 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 staré písmo, ktoré sa objavilo v 16. storočí v Paríži. Jeho nová a vylepšená verzia je súčasťou štandardnej sady vo väčšine 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í malého rozmeru.

1. Comic Sans MS

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

1. Trebuchet čs

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

1. Arial čierna

Analógové štandardné písmo pre stránku Arial. Je pravda, že je väčší, hrubší a tvrdší. Proporčne je podobný fontu Helvetica. A je to dôležité. Môžu úspešne nahradiť Helveticu bez nutnosti kupovať licenciu.

1. Vplyv

Ďalšie skvelé písmo na zvýraznenie nadpisov. Vyzerá to dobre skrátka, málo slov, aj dlhé vety.

Pri začatí sadzby layoutu je potrebné najmä špecifikovať v CSS fonty použité na stránke. Dizajnér často píše rôznymi typmi písma nielen hlavný text stránky, ale aj rôzne nadpisy, logá, monogramy:

Dobrý dizajnér, rovnako ako dobrý dizajnér rozloženia, vie, že prehliadač môže na zobrazenie stránky použiť iba tie písma, ktoré sú nainštalované v počítači používateľa. To znamená, že písma možno rozdeliť do dvoch kategórií:

1. Písma, ktoré sa bez problémov zobrazia drvivej väčšine používateľov.
2. Písma, ktoré dostatočne veľká skupina používateľov nemá.

Ak dizajnér použil písmo 2. typu na vytvorenie napríklad loga alebo veľkých statických nadpisov, nemali by ste s touto technikou váhať. Nevýhodou použitia tejto techniky je nepružnosť. V prípade zmien v texte budete musieť obrázok prerobiť a zmeniť CSS (napr. ak rozmery nového obrázku nezodpovedajú starému).

Môžeme povedať, že nebezpečenstvo použitia techniky priamo závisí od pravdepodobnosti zmeny textu. Preto napríklad všeobecný text stránky nemožno urobiť neštandardným písmom! Kompetentný dizajnér by to nikdy neurobil. A ak dizajnér dostane zelenú, dobrý dizajnér layoutu je jednoducho povinný svoju chybu napraviť – v layoute nahradiť toto písmo najpodobnejším štandardným.

Ako však rozoznáte písma prvej skupiny od druhej? Je jasné, že sa nemôžete spoliehať na sadu fontov nainštalovaných priamo vo vašom počítači! Poďme na to.

Štandardné písma

Štandardné fonty sú množinou fontov, ktoré sú nainštalované s operačným systémom. Keďže operačné systémy sú odlišné, majú rôzne sady písiem. Zoznam štandardných písiem pre rôzne verzie systému Windows nájdete napríklad v článku Štandardné písma Windows a zoznam štandardných písiem pre Mac OS na stránke Písma dodávané s Mac OS. Pokiaľ ide o operačné systémy Unix / Linux, nemajú jedinú sadu písiem. Mnoho používateľov Linuxu používa sadu písiem DejaVu, najmä na Ubuntu sú štandardne nainštalované. Podľa štatistík z http://www.codestyle.org má veľa používateľov Unixu/Linuxu nainštalované aj sady fontov URW, Free a iné. Podľa rovnakých štatistík má viac ako 60 % používateľov Unixu/Linuxu na svojich počítačoch Core fonty pre web, ktoré boli do roku 2002 oficiálne voľne dostupné na stiahnutie na webovej stránke Microsoftu.

Aby sa stránka zobrazila tak, ako to dizajnér zamýšľal, v akomkoľvek operačnom systéme je možné vo vlastnosti CSS špecifikovať niekoľko fontov oddelených čiarkami.

Táto vlastnosť určuje prioritný zoznam názvov rodín písiem a / alebo generických mien. Podľa špecifikácie CSS2 existujú dva typy názvov rodín písiem:

1. Názov skupiny písiem podľa výberu. Napríklad "Times new Roman", "Arial" a ďalšie. Názvy rodín písiem, ktoré obsahujú medzery, musia byť uzavreté v úvodzovkách. Ak úvodzovky chýbajú, všetky medzery pred a za názvom písma sa ignorujú a akákoľvek postupnosť medzier v názve písma sa skonvertuje na jednu medzeru.
2. Generická (spoločná) rodina. Špecifikácia definuje nasledujúce generické rodiny:
   • serif - fonty s pätkami na koncoch;
   • sans-serif - bezpätkové písma;
   • kurzíva - kurzívne písma;
   • fantázia - ozdobné písma;
   • monospace - jednopriestorové písmo (s písmenami rovnakej šírky).
   Všeobecné priezviská sú kľúčové slová a nie je potrebné ich citovať.

Pre návrh sa teda vezme štandardné písmo z OS Windows, vyberie sa podobné pre Mac OS a Unix / Linux, je nastavená a pripravená bežná rodina písiem.

Ale nie všetko je také jednoduché. Poďme kopať podrobnejšie.

Nájdenie bezpečných webových fontov

Internet bol historicky známy ako „zabezpečené“ webové písma. Bezpečné písmo je písmo, ktoré je štandardné vo všetkých operačných systémoch. Keďže o takomto stave vecí možno len snívať neexistujú žiadne absolútne bezpečné písma!

Niektoré písma možno nazvať bezpečnými s určitými výhradami.

Základom pre definovanie „bezpečných“ fontov boli fonty najbežnejšieho operačného systému Windows, ktoré sa používajú aj v iných operačných systémoch. Príkladom takéhoto využitia sú už spomínané Core fonty pre balík Web fontov, ktorý si podľa štatistík stiahlo mnoho užívateľov Unixu / Linuxu.

Tento balík obsahuje nasledujúce fonty: Andale Mono, Arial Black, Arial, Comic Sans MS, Courier New, Georgia, Impact, Times New Roman, Trebuchet MS, Verdana, Webdings. Všetky podporujú cyriliku, ktorá je dôležitá pre Runet.

Sada fontov zahrnutá v štandardnej dodávke Mac OS X (tento operačný systém je najrozšírenejší medzi používateľmi Mac OS) zahŕňa všetky fonty zo sady Core fonts for the Web.

Na základe písiem Windows používaných v iných operačných systémoch bol teda vytvorený nasledujúci zoznam takzvaných „bezpečných“ webových písiem:

• Arial
• Arial čierna
• Comic Sans MS
• Kuriér nový
• Gruzínsko
• Vplyv
• Times New Roman
• Trebuchet čs
• Verdana

Písmo Webdings obsahuje sadu ikon, takže ho nemožno použiť pre obsah. Andale Mono nie je široko používaný, pretože nie je vhodný na každodenné čítanie obrazovky a nie všetci používatelia Windows ho majú.

Všetky tieto fonty sú dostupné pre každého používateľa Windows, Mac OS X a veľkú väčšinu používateľov Unixu/Linuxu (t. j. tých, ktorí majú nainštalované Core fonty pre web).

Ale čo zvyšok? Chcete predsa, aby nápad dizajnéra videlo čo najviac používateľov!

Prečítajte si o tom v druhej časti publikácie.

Tento zoznam obsahuje písma, ktoré sú spoločné pre všetky súčasné operačné systémy Windows (v skutočnosti počnúc Windows 98) a ich ekvivalenty v systéme Mac OS. Tieto písma sa niekedy označujú ako „písma bezpečné pre prehliadač“ ( bezpečné písma prehliadača). Toto je malá referencia, ktorú používam pri tvorbe 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 skvelých písiem!" 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ť v dizajne stránok a jeho novej vlastnosti prakticky akékoľvek fonty @ 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 fonty, ktoré sú dostupné v každom operačnom systéme. Našťastie CSS má vlastnosť @ font-family to uľahčuje túto úlohu.

Zoznam

@ Hodnota rodiny písiem	Windows	Mac	rodina
Arial, Helvetica, bezpätkové	Arial	Arial, Helvetica	bezpätkové
"Arial Black", Gadget, bezpätkové	Arial čierna	Arial Black, Gadget	bezpätkové
"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	bezpätkové
"Lucida Console", Monako, monospace	Konzola Lucida	Monako 5	monopriestor
"Lucida Sans Unicode", "Lucida Grande", bezpätkové	Lucida Sans Unicode	Lucida grande	bezpätkové
"Palatinský linotyp", "Antická kniha", Palatino, pätka	Palatino linotyp, kniha Antiqua 3	Palatino 6	serif
Tahoma, Ženeva, sans-serif	Tahoma	Ženeva	bezpätkové
"Times New Roman", Times, pätka	Times New Roman	Times	serif
"Trebuchet MS", Helvetica, bezpätkové	Trebuchet MS 1	Helvetica	bezpätkové
Verdana, Ženeva, sans-serif	Verdana	Verdana, Ženeva	bezpätkové
Symbol	Symbol 2	Symbol 2	-
Webdings	Webdings 2	Webdings 2	-
Wingdings, "Zapf Dingbats"	Krídla 2	Zapf Dingbats 2	-
"MS Sans Serif", Ženeva, bezpätkové	MS Sans Serif 4	Ženeva	bezpätkové
"MS Serif", "New York", pätka	MS Serif 4	New York 6	serif

1 Fonty Georgia a Trebuchet MS sa dodávajú so systémom Windows 2000 / XP a sú zahrnuté v balíku IE Font Pack (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 Book Antiqua je takmer totožná 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é písma, takže pri niektorých veľkostiach môžu vyzerať zle (sú navrhnuté tak, aby sa zobrazovali s rozlíšením 8, 10, 12, 14, 18 a 24 bodov pri rozlíšení 96 DPI).

5 Tieto písma fungujú iba v štandardnom štýle v Safari, 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 iné prehliadače pre počítače Mac samy o sebe napodobňujú chýbajúce vlastnosti písma (vďaka Christianovi Fecteauovi za tip).

6 Tieto písma sa nainštalujú na Mac iba počas klasickej inštalácie

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, ClearType Enabled
• Windows Vista, Firefox 2.0, povolený ClearType (vďaka Michielovi Bijlovi za snímku obrazovky)