Nakon usporeÄ‘ivanja slova u razliÄitim operativnim sustavima i zajedniÄkim softverskim paketima, ostali ste vrlo mali podskup slova, koji se nazivaju web-sigurni fontovi. To su slova da možete biti razumno sigurni instalirani na svim raÄunalima.
Svaka od ovih usluga fonta radi malo drugaÄije. Uz Google fontove, možete dodati jedan font ako želite, ili izgraditi zbirku fontova i uvesti sve fontove pomoću jednog elementa za povezivanje. Edge fontovi moraju biti dodani jedan u isto vrijeme s novim elementom skripte za svaki font koji želite koristiti na svojoj web-lokaciji. TypeKit fontovi mogu se dodavati samo izgradnjom kompleta font na web-mjestu TypeKit, koji je sliÄan Google fontovoj zbirci. Cijeli komplet fonta se zatim dodaje na vaÅ¡u web-lokaciju odjednom. U gornjem primjeru, naziv datoteke font_kit. s bi zapravo bio jedinstven niz brojeva i slova koja se automatski generiraju tipyKit za identifikaciju kompleta fonta koji ste stvorili. U praksi, u isto vrijeme ne biste koristili sva tri od tih usluga. To je najÄešće za web stranice da dobiju sve njihove fontove iz jednog izvora ili self-host fontove koje koristi njihova web-lokacija.
Ikone se koriste u velikoj mjeri na webu. Dok su neke ikone slikovne datoteke, najfleksibilniji naÄin rada s ikonama je koriÅ¡tenje ikone kao fonta straÅ¡an. U proÅ¡losti, koriÅ¡tenjem ikona fontovi bio je pomalo kompliciran i potreban da datoteke fonta ikona biti samohodno. MeÄ‘utim, zahvaljujući CDN hostingu sponzoriran od strane MAXCDN i bootstrap, svatko može dodati font straÅ¡an ikona na svoju web stranicu bez potrebe za domaćin datoteka fonta na vlastitom poslužitelju. Pune upute za poÄetak rada dostupne su od fonta straÅ¡an repozitorij Github. MeÄ‘utim, to je stvarno tako jednostavno kao i ove dvije korake:
Å to Äini ikonu fontove toliko bolje raditi s od njihove slike ikone kolegama je da se mogu oblikovati sa svim istim objektima CSS-a koji se koriste za stil fontova. Na primjer, ako želimo povećati veliÄinu ikone, dodajte okrugli boju pozadine, promijenite boju ikone i dodajte dodatnu padding sve do ikone koje možemo uÄiniti s nekim priliÄno jednostavnim CSS-om.
Sigurni fontovi su fontovi koji su unaprijed instalirali mnogi operativni sustavi. Dok nisu svi sustavi bacali iste fontove instalirane, možete iskoristiti web siguran font stog za rjeÅ¡avanje nekoliko fontova koji izgledaju sliÄno, kao i instalirane na razliÄitim sustavima koje želite podržati. Bilo da želite vlasniÄki fontovi osim onih unaprijed instaliranih, kao CSS3, možete iskoristiti web fontove.
To je jedan od gotovo Å¡irokih koriÅ¡tenih Krstionica SANS-serif (Å¡to znaÄi da nema malih kovrÄa na kraju koriÅ¡tenog za konzultiranje svakog od dva ili viÅ¡e osoba ili pisma o stvarima). ÄŒesto je zamijenjeno na Windows ureÄ‘ajima za druge zanimljive (Äitanje: ljepÅ¡i) izbor fonta.
Obiteljski objekt treba držati nekoliko imena fontova kao "Fallback" sustav, kako bi se osigurala maksimalna kompatibilnost između preglednika / operativnih sustava. Ako preglednik ne podržava prvi font, pokušava sljedeći font.
Font-Obiteljska svojstva je raznovrsna imena fontova kao "soj" sustav, kako bi se osigurala maksimalna kompatibilnost između preglednika / operativnog sustava. Ako vaš preglednik ne podržava prvi font, ona pokušava sljedeći font.
Å to je, zar ne? ZaÅ¡to to jednostavno ne kažem Å¡to želim koristiti i to je to? Cijela ideja ovdje je praha. Preglednik će pokuÅ¡ati koristiti font koji ste naveli prvi (Lato, u ovom sluÄaju), ali ako nema tog fonta dostupna, to će nastaviti spustiti taj popis. Da biste bili stvarno općenito, ono Å¡to je to pravilo govori:
Dakle, u kojoj će situaciji preglednika ne imati font koji tražite? To je priliÄno uobiÄajeno. Postoji samo Å¡aÄica fontova koji se smatraju "Web Safe" -Maning da je vjerojatno većina raÄunala koja posjećuje vaÅ¡u web-lokaciju ima taj font instaliran i tako da je preglednik može koristiti. Razmislite: Arial, Times New Roman, kurir, Gruzija, Verdana i pregrÅ¡t drugih.
, ali većina web-mjesta, ovih dana koristite prilagoÄ‘ene web fontove. UÄitaju fonta kao resurs (kao Å¡to je web stranica uÄitava sama CSS kao resurs ili sliku ili JavaScript), tada je takav font dostupan za koriÅ¡tenje. Å iroko popularni Google fontovi Äini da je priliÄno jasno:
ÄŒak i kada uÄitate fonta na ovaj naÄin, joÅ¡ je moguće da se font ne uÄita. Dok je Google općenito vrlo pouzdan domaćin, ne kontrolirate njihove poslužitelje; oni Äine. ÄŒak i Äešće, loÅ¡i mrežni spojevi mogu sprijeÄiti uÄitavanje fonta. U bilo kojem scenariju neuspjeha uÄitavanja fonta, to je joÅ¡ jedna situacija u kojoj je zgodan prallback font stog.
ništa