Google Fonts je postal najboljši vir za spletno tipografijo po meri od svojega razvoja leta 2010. Obstajajo trije glavni razlogi, da je Google tukaj vodilni. Prvič, ni bilo dovolj spodobnih storitev za pisave, zato je Google zapolnil praznino. Drugič, tudi na začetku je bila raznolikost, ki so jo ponujali, razmeroma velika. Trenutno je na voljo več kot 800 pisav v številnih slogih. Tretjič, te pisave so na voljo brezplačno, zaradi česar so še posebej privlačne.
Poleg tega jih je presenetljivo enostavno vključiti v vaše oblikovalske projekte. Pokazali vam bomo, kako lahko te Googlove pisave vključite v svoje spletno mesto WordPress.
Googlove pisave
Za začetek boste morali izbrati pisavo, s katero želite delati. Obstaja veliko možnosti, tako da imate na izbiro precej velik meni. Najdete jih tako, da se obrnete na Googlova stran s pisavami. Če iščete določeno pisavo, preprosto vnesite ime pisave v iskalno polje in prikaže se vzorec.
Uporabite lahko tudi druge parametre iskanja. Tik pod iskalnim poljem je gumb z imenom Kategorije. Če kliknete na to, se prikaže spustni meni s petimi možnostmi. Ti so naslednji:
- Serif – To so pisave s kratkimi črtami, ki izhajajo iz zgornje in spodnje črke črke. Times New Roman in Sylfaen sta dobra primera.
- Sans Serif – Kot že ime pove, so to pisave brez teh majhnih črt. Ponavadi imajo preprosto in čisto estetiko.
- Zaslon – Temu lahko rečemo pisave, ki pritegnejo pozornost. Najboljši so za naslove in ne za dolgo besedilo.
- Rokopis – zaradi teh pisav se zdi, kot da jih je nekdo napisal ročno. Ugotovili boste, da so mnogi v kurzivu ali imajo manj konsistenten razmik.
- Enopremik – tako kot pisalni stroj, njihove črke zasedajo enako vodoravno širino. So zelo dosledno razporejeni.
Poleg tega imate na izbiro tudi druge možnosti, kot je izbira lastnosti jezika in pisave. Slednje vključuje število slogov, debelino, naklon in širino.
Vdelava pisav v WordPress
Če želite te edinstvene pisave vključiti v svoje spletno mesto WordPress, lahko poskusite na več načinov.
Uporaba CSS
Kliknite na pisavo iz Googlovega izbora in popeljal vas bo na stran s podrobnimi pisavami. V zgornjem desnem kotu je znak "+". Kliknite na to in odprlo se bo stransko okno. Kliknite na "Vdelaj".
Zdaj lahko kliknete @uvozi. To bo odprlo kodo CSS, ki jo morate kopirati. Pojdite na slogovno tabelo vaše teme WordPress in jo prilepite na začetku. Prepričajte se, da ste kopirali povezavo za uvoz brez datoteke oklepaji. Prepričajte se, da ste shranili in dodali boste pisavo.
Uporaba PHP
Upoštevajte prvih nekaj korakov in kopirajte povezavo, ki jo dobite po kliku znaka »+«. Zdaj ga preprosto dodajte v datoteko header.php svoje teme. Ne pozabite shraniti, da bo pisava dodana.
Uporaba funkcije Javascript
Poskusite lahko tudi nekaj, kar je znano kot »vlaganje v čakalno vrsto«. Za to boste morali uporabiti funkcijo wp_enqueue_style. S to metodo lahko izbrano pisavo dodate v razdelek glave vseh strani vašega spletnega mesta. To je odličen način za dodajanje več sprememb hkrati.
Preprosto pridobite povezavo pisave (od http do ”) in jo dodajte v datoteko functions.php svoje teme z dodatno kodo okoli nje. Tukaj je koda, ki jo boste morali uporabiti:
funkcija custom_add_google_fonts() {
wp_enqueue_style( 'custom-google-fonts', https://fonts.googleapis.com/css2?family=Chelsea+Market&display=swap, napačno );
}
add_action( 'wp_enqueue_scripts', 'custom_add_google_fonts');
Katera koli od teh možnosti bo dobro delovala za integracijo Googlovih pisav v vaše spletno mesto WordPress, zato je pomembno, da izberete tisto, ki vam najbolj ustreza.