Un ghid pentru Google Font API

Publicat: 2021-08-03

Designerii web se bucură că web-ul devine mai plăcut din punct de vedere estetic datorită progreselor recente în tehnologia fonturilor.

Toate acestea se datorează a ceva numit fonturi web, care sunt o colecție de instrumente care pot fi folosite pentru a încorpora fonturi în paginile web. Sunt un instrument important pentru dezvoltatori, deoarece le permite să creeze site-uri web unice și atractive. Nu mai suntem obligați să folosim Ariel sau Times New Roman pentru fiecare proiect web!

Următorul ghid vă va oferi o privire detaliată asupra modului de utilizare a API-ului Google Font ca modalitate de implementare a fonturilor web. Resursa este gratuită și ușoară pentru oricine are acces la internet, așa că merită să profitați de acest instrument grozav!

Un ghid pentru Google Font API

Google Font API este o colecție de instrumente care pot fi utilizate pentru a încorpora fonturi în paginile web. Este un instrument important pentru dezvoltatori, deoarece le permite să creeze site-uri web unice și atractive. Fonturile Google sunt o modalitate rapidă și ușoară de a adăuga fonturi în site-ul dvs. fără a fi nevoie să faceți vreo programare complicată. Pur și simplu introduceți un șir de text și alegeți fontul pe care doriți să îl utilizați, apoi – voila! Instantaneu site-ul dvs. este actualizat cu o tipografie frumoasă.

Avantajele utilizării API-ului Google Font

Dacă doriți să utilizați Font API-ul Google, acesta are o serie de funcții foarte utile.

Continuați să utilizați text HTML

Tipografia web este un efort serios și devine din ce în ce mai dificil să se obțină echilibrul perfect între estetică și optimizarea motoarelor de căutare. Din fericire, @font-face poate ajuta! Spre deosebire de utilizarea imaginilor sau a înlocuirii imaginii de fundal CSS ca soluții pentru o tipografie web mai frumoasă, cercetătorii Google au dovedit că această metodă este prietenoasă cu SEO.

Accesibil pe web

Spre deosebire de imaginile CSS, textul HTML poate fi citit de cititoarele de ecran, astfel încât nu va afecta persoanele care le folosesc.

Rapid și ușor

Tot ce trebuie să faceți este să faceți referire la fontul conținutului dvs. și apoi să adăugați câteva setări CSS pentru cum ar trebui să apară pe ecran. Odată configurate, aceste coduri sunt și ele ușor de schimbat! API-ul Google Font se ocupă de particularitățile browserelor web, gestionează mai multe tipuri de fișiere și facilitează înțelegerea @font-face.

Gratuit de utilizat

Fonturile Google sunt gratuite și au fost făcute copii de rezervă de către Google. Aceasta înseamnă că vă puteți proiecta cu încredere site-ul web, fără niciun risc de a avea probleme pentru utilizarea unui font pe care nu ar trebui.

Acest lucru este frumos, deoarece vă va menține costul total al site-ului dvs. la un nivel scăzut. Dacă sunteți curios cât ar putea costa un site web obișnuit, consultați articolul nostru de blog Cât va costa site-ul meu pentru a vedea ce fel de buget va trebui să vă alcătuiți pentru a avea site-ul dvs. perfect!

Persoană care întoarce acolo buzunarele pe dos

Rapid și de încredere

Când browserul dvs. încarcă o pagină web, va verifica memoria cache a utilizatorului pentru a vedea dacă acesta are fonturi care sunt folosite pe alte site-uri. Dacă da, atunci acest lucru accelerează timpii de încărcare pentru pagini, deoarece fontul va fi deja disponibil în memoria cache-ului lor web și nu va fi nevoie să fie încărcat din nou de pe server.

un drum noaptea cu mașini care trec repede pe lângă

O alegere uriașă

Cu peste 850 de fonturi diferite la îndemână, vei putea găsi fontul perfect pentru cel mai recent proiect al tău. Puteți utiliza Google Font Directory pentru a face căutarea rapidă și fără probleme.

Utilizarea API-ului Google Fonts poate fi un indicator uriaș al unui site web bine construit! În plus, avem o listă cu alte 10 caracteristici ale designului web de ultimă generație pe care ați putea dori să le emulați pe site-ul dvs.

Cum se utilizează Google Font API?

Pentru a utiliza fonturile Google în documentul HTML, mai întâi trebuie să faceți referire la foaia de stil CSS adăugând-o în interiorul etichetelor <head>. Asigurați-vă că această referință este inclusă în fiecare pagină pe care doriți să apară fontul. Cu WordPress, puteți face acest lucru adăugând referința la șablonul de temă.

 <title>Home Page</title> <link rel="stylesheet" type="text/css" href="http://fonts.googleapis.com/css?family=FontName"> </head>

Acum este timpul să utilizați CSS pentru a specifica modul în care doriți să utilizați noul font. Ați folosi următorul cod dacă doriți ca întregul dvs. H1 să aibă fontul Google:

 h1 { font-family: 'FontName', serif; font-size: 12px; }

Ai observat că am inclus și fontul serif? Am făcut acest lucru, deoarece este recomandabil să aveți un font alternativ. Practic, înseamnă că browserul va folosi automat fontul serif dacă există vreo problemă cu fontul Google.

Instrumente Google Font

Platforma de fonturi Google a creat multe instrumente pentru a vă face mai ușor. Puteți utiliza Font Directory, Previewer și Web Font Loader, toate controlate de API-ul Google. Mai jos vom oferi o privire de ansamblu asupra fiecărui instrument în detaliu, astfel încât oricine pasionat de fonturi să poată începe!

Directorul de fonturi Google

Cu atât de multe fonturi din care să alegi, poate fi dificil să-l găsești pe cel perfect pentru proiectul tău. Din fericire, Google a compilat o listă cu toate fonturile lor într-un director ușor accesibil, unde puteți începe să alegeți fontul potrivit pentru dvs.! Când faceți clic pe fila „Obțineți codul”, vă va afișa o listă de coduri care pot fi copiate și lipite pentru ca acest font să funcționeze.

Google Font Previewer

Cu Google Font Previewer, puteți vedea cum arată fiecare font și îl puteți modifica după bunul plac. Aveți o varietate de opțiuni cu dimensiune, stil (varianta) și spațiere!

Persoană care arată spre ecranul unui computer

Web Font Loader

Dezvoltatorii web pot avea acum mai mult control asupra fonturilor lor Google cu ajutorul unei biblioteci JavaScript. Dezvoltatorul poate lega un ascultător de evenimente pentru orice etapă a secvenței de încărcare a fonturilor și poate adăuga funcționalitate în funcție de ceea ce se întâmplă în fiecare fază.

Cine creează fonturile?

Google Fonts este un proiect open source care oferă oamenilor posibilitatea de a folosi aceste fonturi gratuit. Varietatea tipurilor de fonturi disponibile astăzi se datorează comunității de proiectare din întreaga lume a designerilor de tipări și turnătorii.

Ce este în ea pentru Google?

Google iubește datele! Link-uri Google Fonts API pot fi găsite pe multe site-uri web și fiecare dintre ele reprezintă o șansă pentru Google de a extrage mai multe date. Dar putem fi recunoscători că munca lor a rezolvat încă o problemă pentru utilizatorii de internet.

Concluzie

În concluzie, Google Font API este un instrument puternic pentru dezvoltatori și designeri care poate ajuta la crearea de site-uri web unice și atractive. De asemenea, este ușor de utilizat – așa că dacă doriți să adăugați o varietate în designul site-ului dvs. web sau să experimentați cu fonturi în cel mai recent proiect, vă recomandăm cu căldură să încercați!