Fonty na webe

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

Arial 

Vytvorený: 1982
Autor: Robin Nicholas
Viac info: Wikipédia
 

2. Times New Roman

Times New Roman

Vytvorený: 1931
Autor: Stanley Morison
Viac info: Wikipédia 

3. Verdana

Verdana

Uvoľnený: 1996 
Autor: Matthew Carter
Viac info: Wikipédia 

4. Trebuchet

Trebuchet

Vytvorený: 1996
Autor: Vincent Connare
Viac info: Wikipédia  

5. Courier New

Courier New

Vytvorený: 1955
Autor: Howard "Bud" Kettler
Viac info: Wikipédia  

6. Georgia

Georgia

Vytvorený: 1993
Autor: Matthew Carter
Viac info: Wikipédia  

7. Tahoma

Tahoma

Vytvorený: 1994
Autor: Matthew Carter
Viac info: Wikipédia  

8. Palatino

Palatino

Vytvorený: 1948
Autor: Hermann Zapf
Viac info: Wikipédia  

9. Impact

Impact

Vytvorený: 1945
Autor: Geoffrey Lee
Viac info: Wikipédia  

10. Lucida Console

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

Ohodnoťte článok
(1 hlas)
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.

Webová stránka: www.webnakluc.sk
Viac v tejto kategórii: « Promo na Facebooku

2 komentáre(ov)

  • mavin

    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.

    Nahlásiť
    napísal mavin piatok, 20. júl 2012, 09:25 Link na komentár
  • Dusan

    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!

    Nahlásiť
    napísal Dusan pondelok, 30. júl 2012, 20:23 Link na komentár

Zanechajte komentár

Uistite sa, že ste vyplnili polia označené (*) r. HTML kód nie je povolený.

návrat hore

Kariéra

Táto e-mailová adresa je chránená pred spamovacími robotmi. Na jej zobrazenie potrebuješ mať nainštalovaný JavaScript.:
* dlhodobo hľadáme administrátorov (Joomla!, php, validita)
* taktiež obchoďákov na ŽL (provízny systém)

Kontakty

mob.: +421 905 747 623
mail: Táto e-mailová adresa je chránená pred spamovacími robotmi. Na jej zobrazenie potrebuješ mať nainštalovaný JavaScript.
office: FOCUS consulting & trade
            Edmunda P. Bárdoša č. 184
            027 32  Habovka
SK-NIC: DUAN-0264

 

Social Media Center

Social media

Google Apps Center

Google apps