Fonty na webe
- Written by Dušan Beláň
- 2
Zákazníci častokrát premýšľajú o rôznych zmenách použitých fontov, či už na webovej stránke, alebo v prípade loga či tlačovín. V prípade webu je však problematika trošíčku komplikovanejšia. Kým pre tlačoviny a grafické veci si viete vymyslieť použitie akýchkoľvek fontov, pri webových stránkach je to kvapku zložitejšie.
Dôvod je prostý. Pri webe sa musíte obmedziť fontami, ktoré sa korektne zobrazia aspoň silnej väčšine návštevníkov vašej webovej stránky. Problematika tkvie v tom, že fonty nie sú integrované do webovej stránky, ale nachádzajú sa v operačnom systéme počítača návštevníka danej stránky. To znamená, že pokiaľ je v dizajne stránky použitý font, ktorý užívateľ nemá nainštalovaný, nutne sa musí pri prehliadaní stránky v jeho počítači použiť náhradný font. To, aký bude tento náhradný font, môžme len s ťažkosťami predvídať. Preto sa pri webových stránkach hovorí o tzv. "web safe fonts", čiže "fonty bezpečné pre použitie na webe". Jedná sa o fonty, ktoré sa nachádzajú v základnej výbave rôznych operačných systémov ako Windows, Mac alebo Linux.
Bezpečná možnosť použitia akýchkoľvek fontov je zobrazenie textu ako obrázku. Túto možnosť však všetci rozumní dizajnéri zavrhnú, pretože vedia akú dôležitú úlohu hrá text vo vzťahu k internetovým vyhľadávačom.
V nasledujúcej tabuľke môžte vidieť zoznam fontov, ktoré sa nachádzajú vo WIN aj MAC operačných systémoch. Čierne písmo je názov fontu v prostredí MS Windows, oranžovou je zas označený Mac OS:
| Arial, Arial, Helvetica, sans-serif |
| Arial Black, Arial Black, Gadget, sans-serif |
| Comic Sans MS, Comic Sans MS, cursive |
| Courier New, Courier New, monospace |
| Georgia, Georgia, serif |
| Impact, Impact, Charcoal, sans-serif |
| Lucida Console, Monaco, monospace |
| Lucida Sans Unicode, Lucida Grande, sans-serif |
| Palatino Linotype, Book Antiqua, Palatino, serif |
| Tahoma, Geneva, sans-serif |
| Times New Roman, Times New Roman, Times, serif |
| Trebuchet MS, Trebuchet MS, sans-serif |
| Verdana, Verdana, Geneva, sans-serif |
| Symbol, Symbol (Symbol, Symbol) |
| Webdings, Webdings, (Webdings, Webdings) |
| Wingdings, Zapf Dingbats (Wingdings, Zapf Dingbats) |
| MS Sans Serif, Geneva, sans-serif |
| MS Serif, New York, serif |
Fontov, ktoré sa pokladajú za bezpečné je trošku viac, ale pre nejaké kreatívne vymýšľanie je to naozaj žalostne malý počet. Žiaľ, webdizajnér si musí vystačiť s tým, čo má. V nasledovnom zozname vám predstavím pár fontov, ktoré weboví dizajnéri s obľubou používajú, respektíve na ktoré sa zväčša musia obmedzovať:
1. Arial
Vytvorený: 1982
Autor: Robin Nicholas
Viac info: Wikipédia
2. Times New Roman
Vytvorený: 1931
Autor: Stanley Morison
Viac info: Wikipédia
3. Verdana
Uvoľnený: 1996
Autor: Matthew Carter
Viac info: Wikipédia
4. Trebuchet
Vytvorený: 1996
Autor: Vincent Connare
Viac info: Wikipédia
5. Courier New
Vytvorený: 1955
Autor: Howard "Bud" Kettler
Viac info: Wikipédia
6. Georgia
Vytvorený: 1993
Autor: Matthew Carter
Viac info: Wikipédia
7. Tahoma
Vytvorený: 1994
Autor: Matthew Carter
Viac info: Wikipédia
8. Palatino
Vytvorený: 1948
Autor: Hermann Zapf
Viac info: Wikipédia
9. Impact
Vytvorený: 1945
Autor: Geoffrey Lee
Viac info: Wikipédia
10. Lucida Console
Vytvorený: 1985
Autor: Charles Bigelow, Kris Holmes
Viac info: Wikipédia
Článok opäť nemá ambíciu byť akademickou polemikou nad fontami, ale jednoducho priblížiť bežnému smrteľníkovi, užívateľovi internetu, problematiku dizajnu webových stránok. Verím, že sme vám na nejaké otázky odpovedali a niektoré vám zodpovieme niekedy na budúce. To si v rámci tejto problematiky povieme niečo o fontoch spoločnosti Google, ktorá nie tak dávno predstavila zaujímavú možnosť používania iných ako "websafe" fontov na stránkach. A ak by mal niekto chuť prečítať si ešte pár múdrostí z oblasti webových fontov, tak wikipedia je dobrým zdrojom: http://en.wikipedia.org/wiki/Web_typography
Dušan Beláň
Zakladateľ a (zatiaľ) hlavný administrátor projektu WebNaKľúč, aktívny fotograf a lektor. Záujmy: umenie, fotografia, knihy, marketing, bicykel, príroda, technológie.
Website: www.webnakluc.skLatest from Dušan Beláň
Related items
2 comments
-
Tak nadpis tohto clanku ma zaujal hned z dovodu, ze som tusil aky obsah po odkliknuti bude cakat. Tu by som poradil iba jedno. Obsah clanku bol aktualny pred niekolkymi rokmi. Dnes sa uz hrame na inom piesocku a na stranku vieme priniest akykolvek font (samozrejme osetreny prislusnymi licencnymi podmienkami) v XHTML a CSS validnej podobe. Slovo "Dnes" samozrejme chapeme ako obdobie, ktre sa zacalo uz pred niekolkymi rokmi.
-
Clanok je urceny ludom, pre ktorych je akakolvek problematika ohladom webu spanielska dedina. Mal by byt takym malym introm do problematiky. V druhom kole chceme priniest clanok o moznostiach fontov od Google, co moznosti podstatne rozsiruje. Priznavam, uvod je trosku zavadzajuci, ale tyka sa hlavne tych najjednoduchsich stranok. Kazdopadne diky za zastavenie sa!
