Počevši od postavljanja rasporeda, potrebno je posebno u CSS-u navesti fontove koji se koriste na stranici. Dizajner često koristi različite fontove da otkuca ne samo glavni tekst stranice, već i razne naslove, logotipe i monograme:
Dobar dizajner, kao i dobar dizajner izgleda, zna da pretraživač može koristiti samo one fontove koji su instalirani na korisnikovom računaru za prikaz stranice. Odnosno, fontovi se mogu grubo podijeliti u dvije kategorije:
- Fontovi koji će biti prikazani bez problema za veliku većinu korisnika.
- Fontovi koje nema dovoljno velika grupa korisnika.
Ako je dizajner koristio fontove kategorije 2 za kreiranje, na primjer, logotipa ili velikih statičkih naslova, ne možete oklijevati da koristite . Nedostatak korištenja ove tehnike je nefleksibilnost. U slučaju promjena u tekstu, morat ćete ponovo napraviti sliku i promijeniti CSS (na primjer, ako se dimenzije nove slike ne poklapaju sa starom).
Možemo reći da opasnost od korištenja tehnike direktno ovisi o vjerovatnoći promjene teksta. Stoga, na primjer, opći tekst stranice ne može se napraviti nestandardnim fontovima! Dobar dizajner to nikada ne bi uradio. A ako dizajner dobije zelenu boju, dobar dizajner izgleda jednostavno je dužan ispraviti svoju grešku - u izgledu zamijeniti ovaj font najsličnijim standardnim fontom.
Ali kako razlikovati fontove prve grupe od druge? Jasno je da se ne možete osloniti na skup fontova instaliranih direktno na vašem računaru! Hajde da to shvatimo.
Standardni fontovi
Standardni fontovi su skup fontova instaliranih sa operativnim sistemom. Pošto su operativni sistemi različiti, oni takođe imaju drugačiji skup fontova. Lista standardnih fontova za različite verzije Windows-a može se naći, na primjer, u članku Standardni Windows fontovi, a lista standardnih fontova za Mac OS na stranici Fontovi koji se isporučuju s Mac OS-om. Što se tiče Unix/Linux operativnih sistema, oni nemaju jedan skup fontova. Mnogi korisnici Linuxa koriste skup fontova DejaVu, posebno na Ubuntu-u oni su instalirani po defaultu. Prema statistici http://www.codestyle.org, mnogi korisnici Unixa/Linuxa također imaju instalirane URW, Free i druge skupove fontova. Prema istoj statistici, više od 60% Unix/Linux korisnika na svom računaru ima fontove Core fontova za Web set, koji je do 2002. godine bio zvanično dostupan za besplatno preuzimanje na Microsoft web stranici.
Da bi stranica bila prikazana onako kako je dizajner zamislio, u bilo kojem operativnom sistemu je moguće postaviti nekoliko fontova u svojstvu CSS-a, odvojenih zarezima.
Ovo svojstvo specificira listu prioriteta imena porodica fontova i/ili generičkih imena porodice. Prema CSS2 specifikaciji, postoje dvije vrste imena porodice fontova:
- Ime porodice fontova po izboru. Na primjer "Times new Roman", "Arial" i drugi. Nazivi porodica fontova koji sadrže razmake moraju biti stavljeni pod navodnike. Ako nema navodnika, svi znakovi razmaka prije i poslije naziva fonta se zanemaruju, a svaki niz razmaka unutar naziva fonta se pretvara u jedan razmak.
- Generička (zajednička) porodica. Specifikacija definira sljedeće generičke porodice:
- serif - fontovi sa serifima na krajevima;
- sans-serif - sans-serif fontovi;
- kurzivni - kurzivni fontovi;
- fantazija — ukrasni fontovi;
- monospace - monospace font (sa slovima iste širine).
Dakle, za dizajn je uzet standardni font iz OS Windows, za njega je odabran sličan za Mac OS i Unix/Linux, postavljena je zajednička porodica fontova i gotovi ste.
Ali nije sve tako jednostavno. Hajde da kopamo detaljnije.
U potrazi za Web sigurnim fontovima
Na Internetu je kroz istoriju postojala takva stvar kao što su "sigurni" web fontovi. Bezbedan font je font koji je standardan u svim operativnim sistemima. Pošto se takvo stanje može samo sanjati Apsolutno sigurni fontovi ne postoje!
Neki fontovi se mogu nazvati sigurnima uz određene rezerve.
Osnova za definiciju "sigurnih" fontova bili su fontovi najčešćeg Windows operativnog sistema, koji se koriste i u drugim operativnim sistemima. Primjer ove upotrebe su već spomenuti Core fontovi za paket Web fontova, koji su, prema statistikama, preuzeli mnogi korisnici Unixa/Linuxa.
Ovaj paket uključuje sljedeće fontove: Andale Mono, Arial Black, Arial, Comic Sans MS, Courier New, Georgia, Impact, Times New Roman, Trebuchet MS, Verdana, Webdings. Svi oni podržavaju ćirilično pismo, što je važno za Runet.
Skup fontova uključenih u standardnu isporuku Mac OS X-a (ovaj OS je najčešći među korisnicima Mac OS-a) uključuje sve fontove iz osnovnog skupa fontova za Web.
Tako je, na osnovu Windows fontova koji se koriste u drugim operativnim sistemima, formirana sljedeća lista takozvanih "sigurnih" web fontova:
- Arial
- Arial Black
- Comic Sans MS
- Courier New
- Georgia
- Uticaj
- Times New Roman
- Trebuchet MS
- Verdana
Webdings font sadrži skup ikona i stoga se ne može koristiti za sadržaj. Andale Mono se ne koristi široko jer nije pogodan za svakodnevno čitanje sa ekrana i nemaju ga svi korisnici Windowsa.
Svaki korisnik Windowsa, korisnik Mac OS X-a i velika većina korisnika Unixa/Linuxa (tj. oni koji su instalirali Core fontove za Web paket) imaju sve ove fontove.
Ali šta je sa ostatkom? Na kraju krajeva, želim da ideju dizajnera vidi što više korisnika!
O tome čitajte u drugom dijelu publikacije.
Počevši od postavljanja rasporeda, potrebno je posebno u CSS-u navesti fontove koji se koriste na stranici. Dizajner često koristi različite fontove da otkuca ne samo glavni tekst stranice, već i razne naslove, logotipe i monograme.
Dobar dizajner, kao i dobar dizajner izgleda, zna da pretraživač može koristiti samo one fontove koji su instalirani na korisnikovom računaru za prikaz stranice. Odnosno, fontovi se mogu grubo podijeliti u dvije kategorije:
- Fontovi koji će biti prikazani bez problema za veliku većinu korisnika.
- Fontovi koje nema dovoljno velika grupa korisnika.
Ako je dizajner koristio fontove kategorije 2 za kreiranje, na primjer, logotipa ili velikih statičkih naslova, ne možete oklijevati da koristite tehniku zamjene teksta slikom. Nedostatak korištenja ove tehnike je nefleksibilnost. U slučaju promjena u tekstu, morat ćete ponovo napraviti sliku i promijeniti CSS (na primjer, ako se dimenzije nove slike ne poklapaju sa starom).
Možemo reći da opasnost od korištenja tehnike direktno ovisi o vjerovatnoći promjene teksta. Stoga, na primjer, opći tekst stranice ne može se napraviti nestandardnim fontovima! Dobar dizajner to nikada ne bi uradio. A ako dizajner dobije zelenu boju, dobar dizajner izgleda jednostavno je dužan ispraviti svoju grešku - u izgledu zamijeniti ovaj font najsličnijim standardnim fontom.
Ali kako razlikovati fontove prve grupe od druge? Jasno je da se ne možete osloniti na skup fontova instaliranih direktno na vašem računaru! Hajde da to shvatimo.
Standardni fontovi
Standardni fontovi su skup fontova instaliranih sa operativnim sistemom. Pošto su operativni sistemi različiti, oni takođe imaju drugačiji skup fontova. Spisak standardnih fontova za različite verzije Windows-a može se naći, na primer, u članku Standardni Windows fontovi, a lista standardnih fontova za Mac OS na stranici Fontovi isporučeni sa Mac OS-om. Što se tiče Unix/Linux operativnih sistema, oni nemaju jedan skup fontova. Mnogi korisnici Linuxa koriste skup fontova DejaVu, posebno na Ubuntu-u oni su instalirani po defaultu. Prema statistici http://www.codestyle.org, mnogi korisnici Unixa/Linuxa također imaju instalirane URW, Free i druge skupove fontova. Prema istoj statistici, više od 60% Unix/Linux korisnika na svom računaru ima fontove Core fontova za Web set, koji je do 2002. godine bio zvanično dostupan za besplatno preuzimanje na Microsoft web stranici.
Da bi stranica bila prikazana kao dizajner zamišljen na bilo kom operativnom sistemu, moguće je postaviti nekoliko fontova odvojenih zarezima u CSS svojstvu porodice fontova.
Ovo svojstvo specificira listu prioriteta imena porodica fontova i/ili generičkih imena porodice. Prema CSS2 specifikaciji, postoje dvije vrste imena porodice fontova:
- Ime porodice fontova po izboru. Na primjer "Times new Roman", "Arial" i drugi. Nazivi porodica fontova koji sadrže razmake moraju biti stavljeni pod navodnike. Ako nema navodnika, svi znakovi razmaka prije i poslije naziva fonta se zanemaruju, a svaki niz razmaka unutar naziva fonta se pretvara u jedan razmak.
- Generička (zajednička) porodica. Specifikacija definira sljedeće generičke porodice:
- serif - fontovi sa serifima na krajevima;
- sans-serif - sans-serif fontovi;
- kurzivni - kurzivni fontovi;
- fantasy - ukrasni fontovi;
- monospace - monospace font (sa slovima iste širine).
Generička porodična imena su ključne riječi i ne moraju biti stavljena pod navodnike.
Dakle, za dizajn je uzet standardni font iz OS Windows, za njega je odabran sličan za Mac OS i Unix/Linux, postavljena je zajednička porodica fontova i gotovi ste.
Ali nije sve tako jednostavno. Hajde da kopamo detaljnije.
U potrazi za Web sigurnim fontovima
Na Internetu je kroz istoriju postojala takva stvar kao što su "sigurni" web fontovi. Bezbedan font je font koji je standardan u svim operativnim sistemima. Budući da se o ovakvom stanju stvari može samo sanjati, apsolutno sigurni fontovi ne postoje!
Neki fontovi se mogu nazvati sigurnima uz određene rezerve.
Osnova za definiciju "sigurnih" fontova bili su fontovi najčešćeg Windows operativnog sistema, koji se koriste i u drugim operativnim sistemima. Primjer ove upotrebe su već spomenuti Core fontovi za paket Web fontova, koji su, prema statistikama, preuzeli mnogi korisnici Unixa/Linuxa.
Ovaj paket uključuje sljedeće fontove: Andale Mono, Arial Black, Arial, Comic Sans MS, Courier New, Georgia, Impact, Times New Roman, Trebuchet MS, Verdana, Webdings. Svi oni podržavaju ćirilično pismo, što je važno za Runet.
Skup fontova uključenih u standardnu isporuku Mac OS X-a (ovaj OS je najčešći među korisnicima Mac OS-a) uključuje sve fontove iz osnovnog skupa fontova za Web.
Tako je, na osnovu Windows fontova koji se koriste u drugim operativnim sistemima, formirana sljedeća lista takozvanih "sigurnih" web fontova:
- Arial
- Arial Black
- Comic Sans MS
- Courier New
- Georgia
- Uticaj
- Times New Roman
- Trebuchet MS
- Verdana
Webdings font sadrži skup ikona i stoga se ne može koristiti za sadržaj. Andale Mono se ne koristi široko jer nije pogodan za svakodnevno čitanje sa ekrana i nemaju ga svi korisnici Windowsa.
Svaki korisnik Windowsa, korisnik Mac OS X-a i velika većina korisnika Unixa/Linuxa (tj. oni koji su instalirali Core fontove za Web paket) imaju sve ove fontove.
Ali šta je sa ostatkom? Na kraju krajeva, želim da ideju dizajnera vidi što više korisnika!
Fontovi koji podržavaju ćirilicu
Specifična karakteristika Runeta je problem sa kodiranjem stranica i podrškom za ćirilicu u fontovima. Kako bi izbjegli probleme s raznim kodiranjem znakova, pametni su ljudi smislili Unicode, koji vam omogućava kombiniranje znakova iz nekoliko jezika u jednom fontu. Dakle, za stranice na ruskom jeziku morate koristiti samo Unicode fontove koji podržavaju ćirilicu.
Ispod je tabela mapiranja fontova.
| Windows | MacOS | Unix/Linux | generička porodica |
|---|---|---|---|
| Arial Black | Helvetica CY | Nimbus Sans L | sans serif |
| Arial | Helvetica CY | Nimbus Sans L | sans serif |
| Comic Sans MS | Monako CY | * (vidi ispod) | cursive |
| Courier New | * (vidi ispod) | Nimbus Mono L | Monospace |
| Georgia | * (vidi ispod) | Century Schoolbook L | Serif |
| Uticaj | Charcoal CY | * (vidi ispod) | sans serif |
| Times New Roman | Times CY | Nimbus rimski br.9 L | Serif |
| Trebuchet MS | Helvetica CY | * (vidi ispod) | sans serif |
| Verdana | Geneva CY | DejaVu Sans | sans serif |
* u koloni nasuprot fontu znači da operativni sistem nema izvorne ćirilične Windows ekvivalente fonta. Ali u isto vrijeme, postoji velika vjerovatnoća da je sam ovaj font instaliran direktno u operativni sistem.
Na primjer, ako je glavni tekst rasporeda Arial, nalazimo ovaj font u tabeli i upisujemo red koji mu odgovara u CSS-u:
tijelo (familija fontova: Arial, "Helvetica CY", "Nimbus Sans L", sans-serif; )
tijelo ( porodica fontova: Arial, "Helvetica CY", "Nimbus Sans L", sans-serif; |
Ovaj unos znači da ako korisnik ima font Arial (a imaju ga svi korisnici Windowsa i svi korisnici Mac OS X-a), onda će stranica biti prikazana u ovom fontu. Ako korisnik nema ovaj font, tada će stranica ruskog korisnika Mac OS 9 biti tačno prikazana u standardnom Helvetica CY sistemskom fontu, a Unix/Linux korisnik će biti prikazan u Nimbus Sans L fontu, koji je instaliran u 90% Unix/Linux korisnika. Ako Unix/Linux korisnik pripada onih 10% koji nemaju ovaj font, tada će stranica biti prikazana u serif fontu koji je prema zadanim postavkama postavljen za pretraživanje weba.
Pored činjenice da su Unix/Linux fontovi uzeti u obzir u tabeli, postoji i neka čudna CY ikona nakon uobičajene Helvetica. Hajde da shvatimo šta je to!
Prije izlaska Mac OS X-a, ovaj lenjir je imao sljedeće značenje: za korisnike Windowsa prikazuje se stranica Arial, za korisnike Mac OS 9 standardni Helvetica font, a ostalo vidi stranicu sa zadanim sistemom sans-serif font u pretraživaču. Ali opet, važna nijansa! Standardni Mac OS 9 font Helvetica nema ćirilicu! Za stranicu na ruskom jeziku to je značilo sljedeće: za korisnike Windows-a prikazujemo stranicu Arial, za korisnike Mac OS-a 9, u standardnom Helvetica fontu, koji prikazuje nečitljive informacije, a ostali vide stranicu sa sistemom bez- serif font konfigurisan po defaultu u pretraživaču.
Za ispravan prikaz ovog skupa za korisnike Mac OS 9, umjesto nećirilizirane Helvetice, ima smisla navesti isti Helvetica CY font, standardni za Mac OS 9, koji sadrži ćirilicu.
Čitanje ravnala se promijenilo od objavljivanja Mac OS X-a. Windows/Mac OS X sada ima jedan uobičajeni standardni font. A ako želimo da korisnici Mac OS 9 mogu da vide ideju dizajnera, moraju da registruju font koji sadrži ćirilicu u liniji za font.
Dakle, iako ne postoje sigurni fontovi, postoje bezbedne linije fontova. Takođe se zovu CSS fontovi. Pored standardnih Windows/Mac OS X fontova, ovi redovi mogu uključivati i ekvivalentne fontove iz standardnog skupa Mac OS 9 (koji podrazumevano ne sadrži "sigurne" fontove) i uobičajene Unix/Linux fontove.
Svaki dizajner izgleda prije ili kasnije suoči se s trenutkom kada dizajner koristi font u izgledu koji nije uvršten na listu "sigurnih" ;. Ali ovo nije razlog za uzbunu! Na primjer, dizajneri vrlo često koriste font Tahoma na svojim izgledima, koji nije uključen u ovu listu. Pravilno konstruirana linija fontova otvara mogućnost korištenja ne samo Tahoma, već i drugih fontova. Sve veći broj dizajnera iskorištava ovu priliku, a kompetentan dizajner izgleda toga treba biti svjestan.
Ispod je dodatna tabela fontova koji nisu uključeni u "sigurnu" listu, ali se mogu koristiti u izgledima.
| Windows | MacOS | generička porodica |
|---|---|---|
| Lucida Console | Monako | Monospace |
| Lucida Sans Unicode | Lucida Grande | sans serif |
| Tahoma | Geneva CY | sans serif |
A ako bez ćirilice?
Za tekstove na engleskom jeziku gornje tabele imaju malo drugačiji izgled.
| Windows | MacOS | Unix/Linux | generička porodica |
|---|---|---|---|
| Arial Black | Gadget | Nimbus Sans L | sans serif |
| Arial | Helvetica | Nimbus Sans L | sans serif |
| Comic Sans MS | Monako | TSCu_Comic | cursive |
| Courier New | Kurir | Nimbus Mono L | Monospace |
| Georgia | * (vidi ispod) | Century Schoolbook L | Serif |
| Uticaj | Ugalj | Rekha | sans serif |
| Times New Roman | Times | Nimbus rimski br.9 L | Serif |
| Trebuchet MS | Helvetica | Garuda | sans serif |
| Verdana | Ženeva | DejaVu Sans | sans serif |
Za fontove Arial, Courier New i Times New Roman, prilikom sastavljanja lenjira, bolje je prvo odrediti font za Unix/Linux, a zatim za Mac OS. To je zbog neke zakrivljenosti Linux X11 jezgrenog skupa fontova.
Fontove koji nisu na "sigurnoj" listi, ali se mogu koristiti u izgledima, najbolje je definisati pomoću CSS fontova na osnovu ove tabele.
| Windows | MacOS | Unix/Linux | generička porodica |
|---|---|---|---|
| Lucida Console | Monako | - | Monospace |
| Lucida Sans Unicode | Lucida Grande | Garuda | sans serif |
| Palatino Linotype | Palatino | Garuda** | sans serif |
| Tahoma | Ženeva | Kalimati | sans serif |
Crtica u polju za Unix/Linux označava da će korisnici ovih operativnih sistema vjerovatno vidjeti font stranice podešen da prikazuje stranice prema zadanim postavkama.
** U ovom redu ima smisla staviti font Garuda ispred Palatino (pogledajte objašnjenje iznad).
Zaključci:
- Ne postoje apsolutno sigurni fontovi. Sljedeći fontovi se mogu nazvati uslovno sigurnima:
- Arial
- Arial Black
- Comic Sans MS
- Courier New
- Georgia
- Uticaj
- Times New Roman
- Trebuchet MS
- Verdana
- Sigurni CSS stekovi koji uzimaju u obzir podršku za ćirilicu u fontovima možete pronaći u članku.
- Ako podrška za ćirilicu nije važna na stranici, koristimo CSS stekove iz članka.
Jedan od glavnih zadataka web dizajna je odabir pravog standardni fontovi. Usluge ugrađivanja fontova kao što su Google Web Fontovi ili Typekit stvorene su kao alternativa za pružanje nečeg novog.
Veoma su laki za upotrebu. Uzmimo uslugu Google Web Fontovi kao primjer.
Odaberite Open Sans , Droid Serif ili Lato font. Napišite kod i zalijepite ga u element HTML dokument. Sve je spremno za referenciranje u CSS-u! Cijeli proces nije trajao više od 60 sekundi. I sve je potpuno besplatno.
Šta bi moglo biti pogrešno?
Neki fontovi možda neće biti dostupni svima. A to znači da bi moglo biti problema. Sretni ste što ste odabrali prekrasan font za stranicu, a umjesto toga posjetitelj web stranice vidi ružne škrabotine.
To se neće dogoditi ako implementirate rezervnu opciju.
Koliko je važna upotreba sigurnih web fontova?
Svaki uređaj ima svoj vlastiti skup unaprijed instaliranih fontova. Koji zavisi od operativnog sistema. Problem je što među njima postoje male razlike.
Šta je sa sajtovima? Na primjer, ovaj? Font koji vidite možda nije onaj koji je prvobitno propisan za stranicu.
Šta to znači? Recimo da je dizajner odabrao neku porodicu plaćenih fontova za stranicu. Ako ih nemate instalirane i ne pruža ih poseban web servis, onda je font koji vidite jedna od standardnih opcija. Na primjer, Times New Roman.
Stoga, na vašem ekranu, tekst može izgledati jednostavno užasno.
Ali standardni fontovi za sajt dostupno na svim operativnim sistemima. Ovo je mala kolekcija dostupna na Windows, Mac, Google, te Unix i Linux.
Ovim odabirom, dizajneri kao i vlasnici stranica mogu odrediti koji font treba koristiti kao zamjenski. Tako postaje moguće kontrolirati kako će stranica izgledati na različitim uređajima.
Kao rezervni, programer odabire font koji je vrlo sličan originalu i biće prikazan korisniku.
Pogledajmo izbor najpopularnijih standardni fontovi HTML.
15 najboljih sigurnih web fontova
Arial
Smatra se standardnim u većini slučajeva. Najčešći tip slova sans serif» ili sans-serif fontovi ( koji nemaju serife na vrhovima slova). Često se koristi u Windows-u za zamjenu drugih znakova.
Helvetica
Helvetica je spas za dizajnere. Ovo standardni web font skoro uvek radi barem kao sigurnosna mreža za druge fontove).
Times New Roman
Služi istu ulogu za serifne fontove kao i Arial za bezserifne. Jedan je od najpopularnijih Windows uređaji. Ovo je ažurirana verzija starog Times fonta.
Times
css standardni font Tajms je većini poznat. Mnogima je ostao upamćen po malim slovima u uskim stupcima starih novina. Najčešća vrsta štampe koja je postala tradicija.
Courier New
Slično Times New Romanu i korišteno kao varijacija starog klasika. Takođe se smatra monospace fontom. Za razliku od serifnih i sans-serifnih fontova, svi njegovi znakovi imaju istu širinu.
Kurir
Stari font fiksne širine koji se koristi kao rezervni font na gotovo svim uređajima i operativnim sistemima.
Verdana
Verdana se s pravom može smatrati pravim web fontom ( pravi web font) zahvaljujući jednostavnim linijama koje djeluju kao serifi, kao i velikoj veličini. Slova su mu blago izdužena, tako da se lako čitaju na ekranu.
Georgia
Standardni web font Georgia sličan je po obliku i veličini fontu Verdana. Njegovi znakovi su veći od drugih fontova iste veličine. Ali bolje je ne koristiti ga u tandemu s drugima. Isti Times New Roman u poređenju sa njim izgleda kao patuljak.
Palatino
Palatino pripada renesansi. Bez šale. Ovo je još jedan veliki font koji je savršen za web. Obično se koristi u naslovima i reklamama.
Garamond
Još jedno staro pismo koje se pojavilo još u 16. veku u Parizu. Njegova nova i poboljšana verzija standardna je na većini Windows uređaja. Kasnije su ovaj font usvojili i drugi operativni sistemi.
Bookman
Bookman ( ili Bookman Old Style) - jedan od najbolji standardni fontovi za zaglavlja. Njegova karakteristična karakteristika je čitljivost čak i kada se koristi mala veličina.
Comic Sans MS
Comic Sans MS je zabavna alternativa za serif fontove.
Trebuchet MS
Ovo je srednjovjekovni tematski font koji je prvobitno razvila Microsoft Corporation sredinom devedesetih. Korišćen je u Windows XP-u. Danas, uz njegovu pomoć, oni čine glavni tekst.
Arial Black
Analog standardni font za sajt Arial. Istina, veći je, deblji i čvršći. Sličan je proporcionalno fontu Helvetica. I da li je važno. Oni mogu uspješno zamijeniti Helveticu bez kupovine licence.
Uticaj
Još jedan sjajan font za isticanje naslova. Dobro izgleda u kratkoj frazi koja se sastoji od nekoliko riječi, kao iu dugim rečenicama.
Ova lista sadrži fontove koji su zajednički za sve trenutne Windows operativne sisteme (zapravo počevši od Windows 98) i njihove Mac OS ekvivalente. Takvi fontovi se ponekad nazivaju "fontovima sigurnim u pretraživaču" ( bezbedni fontovi u pretraživaču). Ovo je mali priručnik koji koristim kada pravim web stranice i mislim da će i vama biti od koristi.Ako ste novi u web dizajnu, možda mislite nešto poput: „Zašto bih se ograničio na tako mali izbor fontova? Imam ogromnu kolekciju prekrasnih fontova!” Činjenica je da pretraživač posjetitelja može prikazati samo one fontove koji su instalirani u njegovom operativni sistem ( cca. prevodilac: trenutno je već moguće primijeniti gotovo sve fontove u dizajnu stranica i njihovim novim svojstvima @font-face; međutim, svi pretraživači još uvijek ne podržavaju ovu funkciju), što znači da svaki posjetitelj vaše stranice mora biti vlasnik fontova koje ste odabrali. Stoga biste trebali koristiti samo fontove koji su dostupni na svakom operativnom sistemu. Srećom, CSS ima svojstvo @font-family, što olakšava ovaj zadatak.
Lista
| Značenje @font-family | Windows | Mac | Porodica |
|---|---|---|---|
| Arial, Helvetica, sans-serif | Arial | Arial, Helvetica | sans serif |
| "Arial Black", Gadget, sans-serif | Arial Black | Arial Black Gadget | sans serif |
| Comic Sans MS kurziv | Comic Sans MS | Comic Sans MS 5 | cursive |
| "Courier New", Kurir, monospace | Courier New | Kurir Novo, Kurir 6 | monospace |
| Gruzija, Serif | Gruzija 1 | Georgia | serif |
| Impact, Charcoal, sans-serif | Uticaj | Udar 5, Ugalj 6 | sans serif |
| "Lucida Console", Monako, monospace | Lucida Console | Monako 5 | monospace |
| "Lucida Sans Unicode", "Lucida Grande", sans-serif | Lucida Sans Unicode | Lucida Grande | sans serif |
| "Palatino Linotype", "Book Antiqua", Palatino, serif | Palatinska linotipija, knjiga Antiqua 3 | Palatino 6 | serif |
| Tahoma, Ženeva, sans-serif | Tahoma | Ženeva | sans serif |
| "Times New Roman", Times, serif | Times New Roman | Times | serif |
| "Trebuchet MS", Helvetica, sans-serif | Trebuchet MS 1 | Helvetica | sans serif |
| Verdana, Ženeva, sans-serif | Verdana | Verdana, Ženeva | sans serif |
| simbol | Simbol 2 | Simbol 2 | - |
| webdings | Veze 2 | Veze 2 | - |
| Wingdings, "Zapf Dingbats" | Krila 2 | Zapf Dingbats 2 | - |
| "MS Sans Serif", Ženeva, sans-serif | MS Sans Serif 4 | Ženeva | sans serif |
| "MS Serif", "New York", serif | MS Serif 4 | Njujork 6 | serif |
1 Fontovi Georgia i Trebuchet MS se isporučuju sa Windows 2000/XP i uključeni su u IE paket fontova (i zaista su uključeni u mnoge Microsoft aplikacije), tako da su instalirani na mnogim Windows 98 računarima.
2 Fontovi simbola se prikazuju samo u Internet Exploreru, u drugim pretraživačima se obično zamjenjuju standardnim fontom (iako se, na primjer, font Symbol prikazuje u Operi, a Webdings - u Safariju).
3 Book Antiqua je gotovo identična Palatino Linotipi; Palatino Linotype dolazi sa Windows 2000/XP, a Book Antiqua dolazi sa Windows 98.
4 Imajte na umu da ovi fontovi nisu TrueType, već bitmap, tako da mogu izgledati loše u nekim veličinama (dizajnirani su za prikaz od 8, 10, 12, 14, 18 i 24 pt pri 96 DPI).
5 Ovi fontovi rade samo u standardnim fontovima u Safariju, ali ne rade podebljani ili kurziv. Comic Sans MS također radi podebljano, ali ne i kurziv. Čini se da drugi Mac pretraživači dobro emuliraju svojstva fonta koji nedostaju (hvala Christianu Fecteauu na savjetu).
6 Ovi fontovi se instaliraju samo na Mac tokom klasične instalacije
Screenshots
- Mac OS X 10.4.8, Firefox 2.0, ClearType omogućen (hvala Juris Vecvanags na snimku ekrana)
- Mac OS X 10.4.4, Firefox 1.5, ClearType omogućen
- Mac OS X 10.4.11, Safari 3.0.4, ClearType omogućen (hvala Nolanu Gladijusu na snimku ekrana)
- Mac OS X 10.4.4, Safari 2.0.3, ClearType omogućen (hvala Eric Zavesky na snimku ekrana)
- Windows Vista, Internet Explorer 7, ClearType omogućen
- Windows Vista, Firefox 2.0, ClearType omogućen (hvala Michielu Bijlu na snimku ekrana)
