Folosirea Google Webfonts

Fonturile web gratuite puse la dispozitie de catre Google pot fi incorporate in paginile nostre web in doua moduri. Google Webfonts sunt disponibile sub licenta open source si deci pot fi utilizate pentru orice tipologie de site fie ca este site-ul nostru personal sau site-ul unei mari companii.

Modalitati de utilizare

Fonturile Google le putem folosi in doua moduri:

• Putem linka css-ul font-ului in pagina noastra, acesta fiind gazduit pe serverul Google.
• Sau putem descarca font-ul pentru ca mai apoi sa generam regulile CSS Font Face.

Lista completa a font-urilor disponibile o putem vedea pe site-ul Google Web Fonts.

Link Extern

Pentru a linka css-ul in pagina noastra dupa ce am ales font-ul vom merge pe link-ul Quick Use iar aici vom gasi linkul catre foia de stil css externa. Tot ceea ce trebuie sa facem acum este sa copiem acest link si sa il ducem in partea de head a paginii nostre. Apoi ultima operatiune pe care va trebui sa o facem este sa configuram regula css din pagina noastra si sa specificam numele fontului in cadrul regulii.

Descarcarea unui font Google

Daca in schimb vrem sa descarcam font-ul vom adauga fontul la colectia noastra de la butonul Add to Collection apoi vom merge sa il utilizam de la butonul Use iar aici avem posibilitatea de a face download-ul fontulului.

Vom alege sa descarcam dosarul zip iar inautrul acestuia vom gasi fontul pe care il putem utiliza pentru a crea regulile CSS Font Face. In cadrul acestui tutorial nu se reia procedura de generare a codului CSS Font Face, care este explicata in amanunt in cadrul cursului Html / Css baza cu Dreamweaver Creative Cloud.

Ceea ce trebuie sa stim in ceea ce priveste metoda de linkare a foii de stil externa pentru font este ca pentru versiunile foarte vechi de bowsere care nu suporta acest tip de fonturi este bine sa specificam un font generic web safe ca si fallback.