Kako internetni strani dodati nestandardne fonte-pisave brez uporabe CSS3
Prihod in predvsem podpora CC3 s strani najnovejših brskalnikov je dala dizajnerjem nov iziv pri uporabi nestandardnih fontov (pisav). Kako vključiti nestandardne pisave v internetno stran s CSS smo že pisali. Kaj pa starejši brskalniki, ki ne podpirajo CSS3 ukazov? Za vse tiste pa je Google ponudil imenik pisav. Trenutno je sicer bolj skop, a se bo zelo verjetno zadeva širila.
Prednosti
Všeč nam je predvsem preprostost uporabe, saj vam Google na dlani poda vse potrebne HTML elemente za vključitev nestandardnih pisav v internetno stran brez uporabe najnovejših tehnologij, oz združljivo tudi s starejšimi brskalniki.
Google je to storitev verjetno lansiral kot obrobni rezultat poskusa tiskanja iz oblaka, vendar se vsaj osebno ne bom pritoževal 
.
Slabosti
Internetni strani boste s tem dodali še eno http zahtevo, kar običajno pomeni od nekaj milisekund do slabe sekundo, odvisno seveda od povezave. Pri testu je pokazalo 165ms, kar je sicer še sprejemljivo, vendar če pa boste uporabljali več nestandardnih pisav zna biti pa to že problem.
Kako vključiti v internetno stran?
Preprosto. Pojdite na http://code.google.com/webfonts, poiščite želeno pisavo, nanjo kliknite in dobili boste ustrezno kodo. Najprej v <head> element dodaste povezavo
-
<link href=''''http://fonts.googleapis.com/css?family=Cantarell'''' rel=''''stylesheet'''' type=''''text/css'''' />
,. Princip je enak kot če bi vključili zunanjo CSS datoteko. za tem korakom pa v CSS vključite to pisavo tako kot standardno
-
h1 { font-family: ''''Cantarell'''', arial, serif; }
.
Če ste zadevo že poskusili v praksi oz imate z njo kakršnekoli izkušnje ali zgolj mnenje nam ga prosim preko komentarjev posredujte.
Podobni članki:
- Magento internetna trgovina – kako dodati Google analytics preko admin
- PHP POST Request – brez uporabe cURL knjižnice
- Wordpress 3 – kako dodati Lytebox oz animiran ogled slike
- Magento internetna trgovina – kako dodati artikel na prvo stran
- Kako ohraniti pregledno strukturo CSS dokumenta
- Kako dodati novega root uporabnika – cPanel – centOS – whm
- Prilagajanje internetne strani glede na širino ekrana
- Magento – kako nastaviti število stolpcev pri prikazu na prvi strani
- Apple Safari po enem tednu uporabe
- Slovenski internetni prostor je postal lepši, res?
June 9th, 2010 ob 11:45 am
luštna zadeva ... končno malo razbijanja monotonosti spletnih stranih tudi na takšne načine, da ni potrebno vedno uporabljati slik, če imaš alternativno pisavo