Grafiko.ro

Google fonts Api pentru un design mai atragator

Google a anuntat pe 19 mai Webfonts Api, fonturi gazduite de google care fac ca pagina sa se incarce rapid datorita cache-ului in browser, folosesc deja pentru titlurile din blog fontul “Josefin Sans Std Light“, imi place cum arata, mai schimba din aspectul “La fel pe 5000 de site-uri” .
Sper ca numarul de fonturi sa fie mai mare, dar deja pagina gazduieste fonturi destul de diferite, avand de unde alege pentru aproape orice design, numai cand creati layoutul, tineti cont si de asta.

Pentru a incarca font-ul Josefin Sans Std Light in site/blog-ul vostru, adaugati codul in head, in general este bine sa-l puneti chiar dupa tagul title, sa fie primul, chiar inainte de incarcarea css-ului vostru, pentru al putea folosi in layout.

<link href='http://fonts.googleapis.com/css?family=Josefin+Sans+Std+Light' rel='stylesheet' type='text/css'>

Dupa care nu trebuie decat sa incarcati fontul in clasa sau id cu font-family si totul va perge perfect, fata de varianta sifr, google fonts API este mult mai rapid si mai usor de modificat/adaugat fonturi, nu va recomand totusi mai mult de 2 fonturi, in afara ca da oribil prea multe fonturi, riscati si pagina sa se incarce mai greu.

.clasa { font-family: 'Josefin Sans Std Light', arial, serif; }

Arial-ul dupa este pentru browserele sau device-urile care nu suporta google fonts, cum ar fi iphone, ipad, android, etc.

Mai jos aveti si un video de pe NetTuts, care explica clar cum se poate face si modifica.

Tags: css, Design, font-family, fonts, fonturi, google, google fonts api, google-fonts, sifr