Google Fontsist on alates selle väljatöötamisest 2010. aastal saanud kohandatud veebitüpograafia peamine ressurss. Google'ist sai siin esirinnas kolm peamist põhjust. Esiteks polnud piisavalt korralikke fonditeenuseid, nii et Google täitis tühimiku. Teiseks, isegi alguses oli nende pakutav mitmekesisus suhteliselt suur. Praegu on saadaval üle 800 fondi paljudes stiilides. Kolmandaks on need fondid tasuta saadaval, muutes need eriti atraktiivseks.
Lisaks on neid üllatavalt lihtne teie disainiprojektidesse integreerida. Näitame teile, kuidas saate need Google'i fondid oma WordPressi saidile kaasata.
Google'i fondid
Alustuseks peate valima fondi, millega soovite töötada. Valikuid on palju, nii et saate valida üsna suure menüü vahel. Leiate need, minnes aadressile Google'i fondileht. Kui otsite konkreetset fonti, tippige lihtsalt fondi nimi otsinguväljale ja see peaks esitama näidise.
Saate kasutada ka muid otsinguparameetreid. Otse otsingukasti all on nupp nimega Kategooriad. Kui klõpsate sellel, kuvatakse viie valikuga rippmenüü. Need on järgmised:
- Serif – need on lühikeste joontega fondid, mis tulenevad tähe ülemisest ja alumisest joonest. Times New Roman ja Sylfaen on head näited.
- Sans Serif – nagu nimigi ütleb, on need fondid ilma nende väikeste joonteta. Neil on tavaliselt lihtne ja puhas esteetika.
- Ekraan – neid võib nimetada tähelepanu köitvateks fontideks. Need sobivad pigem pealkirjade kui pika teksti jaoks.
- Käekiri – need fondid jätavad mulje, nagu oleks keegi need käsitsi kirjutanud. Avastate, et paljud on kursiivis või nende vahed on vähem ühtsed.
- Monospace – nagu kirjutusmasinal, on nende tähed sama horisontaalse laiusega. Need on väga ühtlaselt paigutatud.
Lisaks on teil valida ka muude valikute vahel, näiteks keele ja fondi atribuutide valimine. Viimane hõlmab stiilide arvu, paksust, kallet ja laiust.
Fontide manustamine WordPressi
Kui soovite need ainulaadsed fondid oma WordPressi saidile lisada, võite proovida mitmeid meetodeid.
CSS-i kasutamine
Klõpsake Google'i valikus olevat fondi ja see viib teid üksikasjalikule fondilehele. Paremas ülanurgas on "+" märk. Klõpsake sellel ja avaneb külgaken. Klõpsake nuppu "Manusta".
Nüüd saate klõpsata @import. See avab CSS-koodi, mille peate kopeerima. Avage oma WordPressi teema stiilileht ja kleepige see algusesse. Veenduge, et olete kopeerinud impordilingi ilma sulgudes. Veenduge, et olete salvestanud ja olete fondi lisanud.
PHP kasutamine
Järgige paar esimest sammu ja kopeerige link, mille saate pärast plussmärgil klõpsamist. Nüüd lisage see lihtsalt oma teema faili header.php. Ärge unustage fondi lisamiseks salvestada.
Javascripti funktsiooni kasutamine
Võite proovida ka järjekorda seadmist. Selleks peate kasutama funktsiooni wp_enqueue_style. Selle meetodi abil saate lisada valitud fondi kõigi oma veebisaidi lehtede päise jaotisesse. See on suurepärane viis korraga mitme muudatuse lisamiseks.
Lihtsalt hankige fondi link (alates http kuni ) ja lisage see oma teema faili functions.php koos lisakoodiga. Siin on kood, mida peate kasutama:
funktsioon custom_add_google_fonts() {
wp_enqueue_style( 'custom-google-fonts', https://fonts.googleapis.com/css2?family=Chelsea+Market&display=swap, vale );
}
add_action( 'wp_enqueue_scripts', 'custom_add_google_fonts' );
Kõik neist valikutest sobivad suurepäraselt Google Fontsi integreerimiseks teie WordPressi veebisaidile, seega on oluline valida see, millega tunnete end kõige mugavamalt.