Web safe fonts, font-family, tipovi fontova itd…

FONTOVI NA WEBU

Vrstu fonta koju želimo na web stranici određujemo u Css-u, međutim u tome smo prilično ograničeni. Razlog je u tome što taj isti font treba imati instaliran i posjetilac naše web stranice. Ako smo odabrali font koji se ne nalazi u osnovnom paketu windowsa velika je vjerojatnost da će naš posjetilac vidjeti drugi, zamjenski font.

Fontovi koji dolaze u paketu sa Windowsima zovu se Web Safe Fonts.

Želimo li ipak koristiti i neki drugačiji font tada ga možemo iskorisiti u navigaciji ili naslovima a na stranicu ubaciti kao sliku ili pomoću sIFR-a .

FONT FAMILY

Font family property u Css-u služi da specificiramo grupu (obitelj) fonta koji želimo na svojoj web stranici.

Npr font “arial”, “arial narrow” i “arial bold” su tri različita fonta na tri različita dokumenta u našem računalu, međutim pripadaju istoj obitelji – Arial.

Običaj je da se specificira dva do tri različita fonta. Ako korisnik na svom računalu nema instaliran prvi font tada će biti prikazan drugi, a ako nema niti drugi tada će se prikazati treći.

font-family: Arial, “Trebuchet MS”, Helvetica;

(Fontovi koji u imenu imaju više od jedne riječi pišu se u navodnicima.)

TIPOVI FONTOVA

Postoji 5 tipova fontova  koje možemo navesti u Css-u : serif, sans-serif, cursive, fantasy i monospace. Navodeći jedan od tih tipova mi praktički kažemo web browseru da nam odabere bilo koji font tog određenog tipa.

font-family: Arial, Helvetica, sans-serif;

Do pred nekoliko godina vrijedilo je pravilo da se na webu koriste isključivo sans-serif fontovi a serif fontovi bili su korišteni isključivo za tisak. Srećom, to pravilo više ne vrijedi i sve više dizajnera koristi serif fontove, ne samo za naslove već i u tekstu, a tipografija je postala vrlo važan element web dizajna.

LISTA WEB SAFE FONTOVA

font-family: Arial, Helvetica, sans-serif;
font-family: ‘Arial Black’, Gadget, sans-serif;
font-family: ‘Bookman Old Style’, serif;
font-family: ‘Comic Sans MS’, cursive;
font-family: Courier, monospace;
font-family: ‘Courier New’, Courier, monospace;
font-family: Garamond, serif;
font-family: Georgia, serif;
font-family: Impact, Charcoal, sans-serif;
font-family: ‘Lucida Console’, Monaco, monospace;
font-family: ‘Lucida Sans Unicode’, ‘Lucida Grande’, sans-serif;
font-family: ‘MS Sans Serif’, Geneva, sans-serif;
font-family: ‘MS Serif’, ‘New York’, sans-serif;
font-family: ‘Palatino Linotype’, ‘Book Antiqua’, Palatino, serif;
font-family: Symbol, sans-serif;
font-family: Tahoma, Geneva, sans-serif;
font-family: ‘Times New Roman’, Times, serif;
font-family: ‘Trebuchet MS’, Helvetica, sans-serif;
font-family: Verdana, Geneva, sans-serif;
font-family: Webdings, sans-serif;
font-family: Wingdings, ‘Zapf Dingbats’, sans-serif;

DEMO – fontester.com

OSTALI ČESTI FONTOVI:

Century Gothic -WINDOWS 85.44% / MAC 42.50%

Arial narrow – WINDOWS 87.08% / MAC 91.01%

Copperplate / Copperplate Gothic Light – WINDOWS 58.13% / MAC 85.85%

Gill Sans / Gill Sans MT – WINDOWS 43.09% / MAC 90.82%

DEMO: www.3point7designs.com

Nadamo se da će vas ovaj članak ohrabriti da isprobate nove fontove i njima zamjenite stereotipni arial i verdanu, a kada smo već kod fontova pogledajmo i ovo

http://www.designer-daily.com/15-great-typography-based-objects-1714

🙂