Google Fonts a devenit resursa de bază pentru tipografia web personalizată încă de la dezvoltarea sa în 2010. Există trei motive principale pentru care Google a devenit liderul aici. În primul rând, nu existau servicii de fonturi suficient de decente, așa că Google a umplut golul. În al doilea rând, chiar și la început, varietatea oferită a fost relativ mare. În prezent, există peste 800 de fonturi disponibile în numeroase stiluri. În al treilea rând, aceste fonturi sunt disponibile gratuit, ceea ce le face deosebit de atractive.
În plus, sunt surprinzător de ușor de integrat în proiectele dvs. de design. Vă vom arăta cum puteți include aceste fonturi Google în site-ul dvs. WordPress.
Fonturi Google
Pentru a începe, va trebui să selectați fontul cu care doriți să lucrați. Există o varietate de opțiuni, așa că aveți un meniu destul de mare din care să alegeți. Le puteți găsi mergând la Pagina de fonturi Google. Dacă căutați un anumit font, introduceți pur și simplu numele fontului în caseta de căutare și ar trebui să apară un eșantion.
Există și alți parametri de căutare pe care îi puteți utiliza. Chiar sub caseta de căutare se află un buton numit Categorii. Dacă faceți clic pe aceasta, va afișa un meniu derulant cu cinci opțiuni. Acestea sunt după cum urmează:
- Serif – Acestea sunt fonturi cu linii scurte care decurg din liniile superioare și inferioare ale unei litere. Times New Roman și Sylfaen sunt exemple bune.
- Sans Serif - După cum sugerează și numele, acestea sunt fonturi fără acele linii mici. Au tendința de a avea o estetică simplă și curată.
- Afișare – Acestea sunt ceea ce pot fi numite fonturi care atrage atenția. Sunt cele mai bune pentru titluri, mai degrabă decât pentru text lung.
- Scriere de mână – Aceste fonturi fac să pară că cineva le-a scris de mână. Veți descoperi că multe sunt în cursive sau au spațiere mai puțin consistentă.
- Monospațiu – Ca o mașină de scris, literele lor ocupă aceeași lățime orizontală. Sunt distanțate foarte constant.
În plus, aveți și alte opțiuni din care să alegeți, cum ar fi selectarea proprietăților de limbă și font. Acesta din urmă include numărul de stiluri, grosimea, înclinarea și lățimea.
Încorporarea fonturilor în WordPress
Dacă doriți să includeți aceste fonturi unice în site-ul dvs. WordPress, există mai multe metode pe care le puteți încerca.
Folosind CSS
Faceți clic pe Fontul din selecția Google și vă va duce la pagina cu fonturi detaliate. În colțul din dreapta sus, există un semn „+”. Faceți clic pe acesta și se va deschide o fereastră laterală. Faceți clic pe „Încorporați”.
Acum puteți face clic @import. Aceasta va deschide codul CSS pe care trebuie să-l copiați. Accesați foaia de stil a temei dvs. WordPress și inserați-o la început. Asigurați-vă că ați copiat linkul de import fără paranteze. Asigurați-vă că Salvați și veți fi adăugat fontul.
Folosind PHP
Urmați primii pași și copiați linkul pe care îl obțineți după ce faceți clic pe semnul „+”. Acum, pur și simplu adăugați-l în fișierul header.php al temei. Nu uitați să salvați pentru ca fontul să fie adăugat.
Utilizarea unei funcții Javascript
Puteți încerca, de asemenea, ceva cunoscut sub numele de „punerea în coadă”. Va trebui să utilizați funcția wp_enqueue_style pentru aceasta. Prin această metodă, puteți adăuga fontul ales în secțiunea antet a tuturor paginilor site-ului dvs. Este o modalitate excelentă de a adăuga mai multe modificări simultan.
Doar obțineți linkul fontului (de la http până la ”) și adăugați-l la fișierul functions.php al temei dvs. cu cod suplimentar în jurul acestuia. Iată codul pe care va trebui să-l utilizați:
funcția custom_add_google_fonts()
wp_enqueue_style( ‘custom-google-fonts’, https://fonts.googleapis.com/css2?family=Chelsea+Market&display=swap, fals );
}
add_action( ‘wp_enqueue_scripts’, ‘custom_add_google_fonts’);
Orice dintre aceste opțiuni va funcționa foarte bine pentru a integra fonturile Google în site-ul dvs. WordPress, așa că este important să alegeți cea cu care vă simțiți cel mai confortabil.