Veb-tipografija
![]() | Овај чланак је започет или проширен кроз пројекат семинарских радова. Потребно је проверити превод, правопис и вики-синтаксу. Када завршите са провером, допишете да након |проверено=. |
![]() | Овај чланак можда захтева чишћење и/или прерађивање како би се задовољили стандарди квалитета Википедије. (август 2015) |
![](http://upload.wikimedia.org/wikipedia/commons/thumb/a/a7/Web_fonts.png/250px-Web_fonts.png)
Veb-tipografija se odnosi na korišćenje fontova na svetskoj mreži. Kada je HTML bio stvoren, font familije i stilovi su bili kontrolisani isključivo podešavanjima veb-pretraživača. Nije postojao mehanizam koji bi omogućavao pojedinačnim veb-stranicama da kontrolišu fontove, sve dok Netscape nije uveo <font>
oznaku 1995. godine, što je kasnije standardizovano u HTML 2 specifikaciji. Međutim, font određen oznakom je morao da bude instaliran na korisničkom računaru, inače bi se koristio rezervni font, kao što je jedan od podrazumevanih fontova pregledača (npr. sans-serif ili monospace). Prva CSS specifikacija je objavljena 1996. godine, i davala je iste mogućnosti.
CSS2 specifikacija je objavljena 1998. godine, i pokušala je da poboljša postupak selekcije fonta dodavanjem tehnika preuzimanja(engl. download), sinteze i podudaranja fontova(engl. font matching). Ove tehnike nisu bile mnogo korišćene, pa su uklonjene u CSS2.1 specifikaciji. Međutim, Internet Explorer je dodao podršku za funkciju preuzimanja fontova u verziji 4.0, objavljenoj 1997. godine.[1] Preuzimanje fontova je uključeno u CSS 3 module fontova, a kasnije je i realizovan u pregledačima Safari 3.1, Opera 10 i Mozilla Firefox 3.5, što je povećalo interesovanje za veb-tipografiju, kao i korišćenje funkcija za preuzimanje fontova.
CSS1
[уреди | уреди извор]U prvoj CSS specifikaciji,[2] autori su odredili karakteristike fontova preko niza svojstva:
font-family
(familija fonta)font-style
(stil fonta)font-variant
(varijanta fonta)font-weight
(debljina fonta)font-size
(veličina fonta)
Svi fontovi su bili identifikovani isključivo po imenu. Sem gore-navedenih svojstava, dizajneri nisu imali načine stilizovanja fontova, a nije ni postojao mehanizam odabira fontova koji nisu postojali na sistemu klijenta.
Veb-sigurni fontovi
[уреди | уреди извор]Veb-sigurni fontovi su fontovi najčešće prisutni na većini računarskih sistema, koje koriste autori veb-stranica da bi povećali verovatnoću prikazivanja sadržaja izabranim fontom. Ako posetilac veb-stranice nema navedeni font, njihov pretraživač će pokušatii da izabere sličnu alternativu na osnovu rezervnih fontova i generičkih familija fontova određenih od strane autora, ili će zameniti font kako nalaže operativni sistem posetioca.
Microsoftovi osnovni fontovi za veb
[уреди | уреди извор]![](http://upload.wikimedia.org/wikipedia/commons/thumb/7/7e/3_Core_Fonts_for_the_web.png/250px-3_Core_Fonts_for_the_web.png)
Da bi se obezbedilo da svi veb-korisnici imaju osnovni set fontova, Microsoft je započeo inicijativu “Osnovni fontovi za veb” (engl. Core fonts for the Web) 1996. godine, koja je okončana 2002. godine. Među objavljenim fontovima su Arial, Courier New, Times New Roman, Comic Sans, Impact, Georgia, Trebuchet, Webdings and Verdana.
Oni su objavljeni pod ugovorom o licenci softvera za krajnjeg korisnika(engl. EULA), čime je dozvoljena njihova slobodna distribucija, sa nekim ograničenjima na prava korišćenja. Njihova široka rasprostranjenost ih je načinila osnovnim fontovima koje koriste veb-dizajneri, iako neki operativni sistemi nemaju ove fontove sami po sebi.
CSS2 je pokušao da poveća broj alata dostupnih veb-programerima dodavanjem sinteze fontova, poboljšanjem podudaranja fontova i mogućnosti preuzimanja tuđih fontova.[3]
Neke osobine fontova iz CSS2 su uklonjene iz CSS2.1, ali su kasnije uključene u CSS3.[4][5]
Rezervni fontovi
[уреди | уреди извор]CSS specifikacija omogućava navođenje više fontova kao rezervnih.[6] Kod CSS-a, font-family
atribut prihvata listu familija fontova koja su odvojena zarezima:
font-family: Helvetica, "Nimbus Sans L", "Liberation Sans", Arial, sans-serif;
Prvi font u listi je najpoželjniji i najpre se koristi. Ako on ne postoji na sistemu, veb-pregledač pokušava da koristi sledeći font, a ako nijedan od navedenih fontova nije dostupan, pregledač koristi svoj osnovni font. Ovaj isti proces se upotrebljava kod pojedinačnih slova(tj. karaktera), kada pregledač pokušava da prikaže to slovo, a ono nije prisutno u zadatom fontu.
Generičke familije fontova
[уреди | уреди извор]Da bi omogućili veb-dizajnerima nešto kontrole nad izgledom fontova na veb-stranicama, čak i kada navedeni fontovi nisu dostupni, CSS specifikacija omogućava korišćenje nekoliko generičkih familija fontova. Ove familije su napravljene da podele fontove u nekoliko kategorija na osnovu njihovog opšteg izgleda. One su obično zadnje navedene u listi rezervnih fontova, kao poslednja mogućnost u slučaju da nijedan od fontova zadatih od strane autora nije dostupan. Postoji pet generičkih familija:[6]
- Fontovi koji nemaju ukrasne detalje, ili serife, na slovima. Često se smatra da su ovi fontovi lakši za čitanje na ekranu.[7]
- Fontovi koji imaju ukrasne detalje, ili serife, na slovima.
- Fontovi u kojima su sva slova iste širine.
- Fontovi čija slova liče na kurzivan tip. Ovi fontovi mogu imati ukrasni izgled, ali su zato najčešće teški za čitanje kod malih veličina, pa se uglavnom koriste štedljivo.
Fantasy
- Fontovi koji mogu sadržati simbole ili druge dekorativne osobine, ali ipak predstavljaju zadato slovo.
Veb-fontovi
[уреди | уреди извор]Istorija
[уреди | уреди извор]Tehnika za preuzimanje tuđih fontova je prvi put navedena u CSS2 specifikaciji, koja je i uvela @font-face
pravilo.
To je bila i ostala[8] kontroverzna tehnika, jer korišćenjem tuđeg fonta na veb-stranici se dozvoljava njegovo slobodno preuzimanje, što može dovesti do njegovog nelegalnog korišćenja i distribuisanja. TrueDoc (PFR), Embedded OpenType (EOT) i Web Open Font Format (WOFF) su formati dizajnirani da se pozabave ovim problemima.
Od uvođenja Internet Explorer-a 4, ugrađivanje fontova korišćenjem EOT se uglavnom koristilo za prikazivanje znakova pisma koje nije podržano u standardnim fontovima. Ono se skoro uopšte ne koristi na veb-stranicama baziranih na engleskom jeziku. Sa izdanjem pregledača Firefox 3.5, Opera 10 i Safari 3.1, očekuje se da se upotreba drugih formata poveća.
Formati datoteka
[уреди | уреди извор]Korišćenjem specifične CSS @font-face
tehnike ugrađivanja,[9] moguće je ugrađivanje fontova tako da funkcionišu sa novijim ili istim verzijama od Internet Explorer 4, Firefox 3.5, Safari 3.1, Opera 10 i Chrome 4.0. Ovo omogućava većini veb-korisnika da pristupe ovoj funkcionalnosti. Neke kompanije za dizajniranje štamparskih slova se protive redistribuciji svojih fontova. Na primer, Hoefler & Frere-Jones kaže da iako “...sa entuzijazmom [ podržavaju ] pojavu izražajnijeg veba gde dizajneri mogu sigurno i pouzdano da koriste visoko-kvalitetne fontove na internetu, trenutna dostava fontova korišćenjem @font-face
se smatra “nelegalnom distribucijom” od strane kompanije i nije dozvoljena.” Naravno, to ne ometa fontove i ovakve kompanije pod slobodnim licencama.
TrueDoc
[уреди | уреди извор]Bitstream je razvio TrueDoc, prvi standard za ugrađivanje fontova. TrueDoc je izvorno podržan u Netscape Navigator 4 , ali je podrška prekinuta u Netscape Navigator 6 i Mozilla, jer Netscape nije mogla da objavi Bitstream-ov izvorni kod. WebFont Player dodatak je bio dostupan za Internet Explorer, ali tehnologija morala da se takmiči sa Microsoftovim Embedded OpenType fontovima, izvorno podržavanim još od verzije 4.0.
Embedded OpenType
[уреди | уреди извор]Internet Explorer je podržavao ugrađivanje fontova kroz vlasnički Embedded OpenType standard od verzije 4.0. On koristi tehnike upravljanja digitalnim pravima radi sprečavanja kopiranja i korišćenja fontova bez dozvole. Pojednostavljeni podskup EOT je formalizovan pod imenom CWT (Compatibility Web Type, nekada EOT-Lite)[10]
Skalabilna Vektorska Grafika
[уреди | уреди извор]Veb-tipografija odnosi se na SVG na dva načina:
- Sve verzije 1.1 SVG specifikacije, uključujući i SVGT podskup, definišu modul fontova koji omogućava stvaranje fontova u okviru jednog SVG dokumenta. Safari je uveo podršku za mnoge od ovih osobina u verziji 3. Opera je dodao preliminarnu podršku u verziji 8.0, sa podrškom za više objekata u 9.0.
- SVG specifikacija omogućava da se CSS primenjuju na SVG dokumenta na sličan način kao na HTML dokumenta, a pravilo
@font-face
se može primeniti na tekst u SVG dokumentima. Opera je dodala podršku za to u verziji 10, i WebKit je od verzije 325 takođe uveo podršku za ovaj metod koristeći samo SVG fontove.
TrueType/OpenType
[уреди | уреди извор]Povezivanje sa industrijski-standardnim TrueType (TTF) i OpenType (TTF/OTF) fontovima je podržano od strane Mozilla Firefox 3.5, Opera 10, Safari 3.1,[11] Google Chrome 4.0,[12] i novijih verzija. Internet Explorer 9 (i novije verzije) podržava samo one fontove čije dozvole za ugrađivanje su podešene na mogućnost instaliranja.[13]
Web Open Font Format
[уреди | уреди извор]WOFF je podržan od strane Mozilla Firefox 3.6+,[14] Google Chrome 5+,[15][16] Opera Presto,[17] a podržan je od strane Internet Explorer 9 (od 14. marta, 2011. godine).[18] Podrška je dostupna na Mac OS X Lion-ov Safari od verzije 5.1.
Unicode fontovi
[уреди | уреди извор]Samo dva fonta, standardno dostupna na Microsoft Windows platformi, Microsoft Sans Serif i Lucida Sans Unicode, pružaju širok Unikod znakovni izbor. Jedan defekt u fontu Verdana (i njime drugačije rukovanje od strane raznih korisničkih agenata), ometa njegovu upotrebljivost tamo gde je poželjno kombinovanje znakova.
Alternative
[уреди | уреди извор]Česta prepreka u veb-dizajniranju je dizajn radnih modela koji uključuju fontove koji nisu sigurni za veb. Postoje brojna rešenja za ovakve situacije. Jedno od uobičajenih rešenja je da se zameni tekst sa sličnim fontom koji jeste siguran za veb, ili da se koristi lista rezervnih fontova koji izgledaju slično.
Još jedna tehnika je zamena slikom. Ovaj postupak uključuje prekrivanje teksta slikom koja sadrži taj tekst napisan u željenom fontu. To je zadovoljavajuće za potrebe estetike, ali sprečava obeležavanje teksta, povećava korišćenje propusnog opsega, i loše je za optimizaciju pretraživača.
Takođe je uobičajena upotreba rešenja na bazi fleša kao što je sIFR. Ovo je nalik tehnikama zamene slikom, mada se tekst može obeležavati i vektorski prikazati. Međutim, ovaj metod zahteva postojanost odgovarajućeg plugin-a na klijentskom sistemu.
postoji još jedno rešenje, korišćenjem Javascript-e radi zamene teksta sa
Drugo rešenje je koristi Javascript da bi zamenili tekst sa VML-om (za Internet Explorer) ili SVG-om (za sve druge pretraživače).[19]
Font hosting usluge omogućavaju korisnicima da plaćanjem pretplate mogu da hostuju na mreži fontove koji nisu sigurni za veb. Većina ovih usluga hostuju fontove za korisnika i obezbeđuju neophodnu @ font-face CSS deklaraciju.
Vidi još
[уреди | уреди извор]- Scalable Inman Flash Replacement (Wikipedia članak na engleskom)
- Lista RFC-a, pomenutih u WOFF-u (radna verzija 23. 10. 2009. godine):
Reference
[уреди | уреди извор]- ^ Garaffa, Dave (2. 9. 1997 godine). „Embedded Fonts In Microsoft IE4pr2”. Internet.com. Архивирано из оригинала 08. 07. 1998. г. Приступљено 29. 11. 2018. Проверите вредност парамет(а)ра за датум:
|date=
(помоћ) - ^ Cascading Style Sheets, level 1, W3C, 17. 12. 1996
- ^ „Fonts”, Cascading Style Sheets, level 2:CSS2 Specification, W3C, 12. 5. 1998, Приступљено 28. 7. 2009
- ^ CSS2.1 Changes-C.2.97 Chapter 15 Fonts, W3C, Приступљено 30. 1. 2010
- ^ CSS3 module: Web Fonts, W3C, Приступљено 30. 1. 2010
- ^ а б „CSS2 specification”, Fonts, W3C
- ^ Poole, Alex (17. 2. 2008), Which Are More Legible: Serif or Sans Serif Typefaces?, Приступљено 27. 4. 2014
- ^ Hill, Bill (21. 7. 2008), Font Embedding on the Web, Microsoft
- ^ Kimler, Scott Thomas (4. 7. 2009), xBrowser Fonts — Expand Your Font Palette Using CSS3, Архивирано из оригинала 15. 03. 2012. г., Приступљено 5. 2. 2010
- ^ Daggett, John (31. 7. 2009), EOT-Lite File Format v.1.1, W3C, Приступљено 30. 1. 2010
- ^ Marsal, Katie (7. 2. 2008), Apple's Safari 3.1 to support downloadable web fonts, more, AppleInsider, Приступљено 5. 2. 2010
- ^ Irish, Paul (25. 1. 2010), Chrome and @font-face: It's here!
- ^ Galineau, Sylvain (15. 7. 2010), The CSS Corner: Better Web Typography For Better Design, Microsoft
- ^ Shapiro, Melissa (20. 10. 2009), Mozilla Supports Web Open Font Format, Mozilla, Приступљено 5. 2. 2010
- ^ Gilbertson, Scott (26. 4. 2010), Google Chrome to Support the Web Open Font Format, webmonkey, Архивирано из оригинала 20. 08. 2010. г., Приступљено 27. 04. 2014
- ^ Bug 38217 -chromium, Add WOFF support, WebKit
- ^ Web specifications support in Opera Presto 2.7, Opera, Архивирано из оригинала 13. 02. 2011. г., Приступљено 27. 04. 2014
- ^ Galineau, Sylvain (23. 4. 2010), Meet WOFF, The Standard Web Font Format, Microsoft
- ^ O Cufon-u
Spoljašnje veze
[уреди | уреди извор]- Using custom fonts in your web pages
- CSS @ Ten: The Next Big Thing (Od Håkon Wium Lia) (U magazinu “A List Apart”)
- W3C Working Draft for CSS Fonts
- Alberto Martinez Perez (3. 6. 2008). „Common fonts to all versions of Windows & Mac equivalents”. Приступљено 29. 6. 2010.
- Font Descriptions and @font-face
- Font embedding for the Web
- M+ Web Fonts Архивирано на сајту Wayback Machine (27. април 2014) (Kako koristiti M+ fontove na vebu) (na engleskom)