Ugradnja Google fontova u WordPress stranicu

Google Fontovi postali su glavni resurs za prilagođenu web tipografiju od svog razvoja 2010. Tri su glavna razloga zašto je Google ovdje postao predvodnik. Prvo, nije bilo dovoljno pristojnih servisa fontova, pa je Google popunio prazninu. Drugo, čak i na početku, raznolikost koju su nudili bila je relativno velika. Trenutno je dostupno preko 800 fontova u brojnim stilovima. Treće, ovi su fontovi dostupni besplatno, što ih čini posebno atraktivnim.

Osim toga, iznenađujuće ih je lako integrirati u vaše dizajnerske projekte. Pokazat ćemo vam kako možete uključiti ove Google fontove u svoju WordPress stranicu.

Google Fontovi

Za početak, morat ćete odabrati font s kojim želite raditi. Postoje razne opcije, tako da imate prilično velik jelovnik za odabir. Možete ih pronaći tako što ćete otići na  Googleovu stranicu fontova . Ako tražite određeni font, jednostavno upišite naziv fonta u okvir za pretraživanje i trebao bi doći do uzorka.

Postoje i drugi parametri pretraživanja koje možete koristiti. Odmah ispod okvira za pretraživanje nalazi se gumb pod nazivom Kategorije. Ako kliknete na ovo, prikazat će vam se padajući izbornik s pet opcija. To su kako slijedi:

  • Serif – To su fontovi s kratkim linijama koje proizlaze iz gornjih i donjih crta slova. Times New Roman i Sylfaen su dobri primjeri.
  • Sans Serif – Kao što ime govori, ovo su fontovi bez tih malih linija. Nastoje imati jednostavnu i čistu estetiku.
  • Zaslon – To su ono što se može nazvati fontovima koji privlače pozornost. Najbolji su za naslove, a ne za dugi tekst.
  • Rukopis – Ovi fontovi čine da se čini da ih je netko napisao rukom. Vidjet ćete da su mnogi u kurzivu ili imaju manje dosljedan razmak.
  • Monospace – Poput pisaćeg stroja, njihova slova zauzimaju istu horizontalnu širinu. Vrlo su dosljedno raspoređeni.

Uz to, imate i druge opcije za odabir, poput odabira svojstava jezika i fonta. Potonji uključuje broj stilova, debljinu, nagib i širinu.

Ugradnja fontova u WordPress

Ako želite uključiti ove jedinstvene fontove u svoju WordPress stranicu, postoji nekoliko metoda koje možete isprobati.

Korištenje CSS-a

Kliknite na Font iz Googleovog odabira i odvest će vas na stranicu s detaljnim fontovima. U gornjem desnom kutu nalazi se znak "+". Kliknite na to i otvorit će se bočni prozor. Kliknite na "Ugradi".

Sada možete kliknuti @import. Ovo će otvoriti CSS kod koji trebate kopirati. Idite na tablicu stilova vaše WordPress teme i zalijepite je na početak. Provjerite jeste li kopirali vezu za uvoz bez 


Leave a Comment

Izbjegnite petlju oporavka Microsoft Edge BitLockera: Brza, provjerena rješenja! 🔧

Izbjegnite petlju oporavka Microsoft Edge BitLockera: Brza, provjerena rješenja! 🔧

Zaglavili ste u beskrajnoj pogrešci petlje oporavka BitLockera u programu Microsoft Edge? Dobijte detaljna rješenja kako biste brzo riješili petlju zaslona za oporavak BitLockera i bez frustracija ponovno dobili pristup računalu. Radi na najnovijim ažuriranjima sustava Windows.

Riješite visoku upotrebu CPU-a u Microsoft Edgeu na slabijim računalima: Brza rješenja koja stvarno djeluju!

Riješite visoku upotrebu CPU-a u Microsoft Edgeu na slabijim računalima: Brza rješenja koja stvarno djeluju!

Umorni ste od prevelikog opterećenja procesora u Microsoft Edgeu koje iscrpljuje vaše slabije računalo? Nabavite provjerena, detaljna rješenja za smanjenje opterećenja procesora, povećanje brzine i vraćanje performansi bez nadogradnji. Radi na najnovijim verzijama Edgea.

🚀 Ispravljanje pogrešaka zvuka aptX i LDAC u programu Microsoft Edge: Ultimativni vodič za rješavanje problema 2026.

🚀 Ispravljanje pogrešaka zvuka aptX i LDAC u programu Microsoft Edge: Ultimativni vodič za rješavanje problema 2026.

Imate problema s aptX i LDAC audio greškama u Microsoft Edgeu? Nabavite provjerena detaljna rješenja za kristalno čist Bluetooth zvuk na Windowsima. Brzo vratite visokokvalitetni zvuk!

BRZO ispravljanje pogreške Microsoft Edge Audio Out of Sync: 7 provjerenih koraka za savršenu sinkronizaciju!

BRZO ispravljanje pogreške Microsoft Edge Audio Out of Sync: 7 provjerenih koraka za savršenu sinkronizaciju!

Umorni ste od neusklađenog zvuka u Microsoft Edgeu koji vam uništava videozapise? Slijedite naš detaljni vodič kako biste brzo ispravili pogrešku neusklađenosti zvuka u Edgeu. Ažurirana rješenja za glatku reprodukciju u streamovima, na YouTubeu i još mnogo toga.

Aplikacija Stream Deck se ruši na Microsoft Edgeu? Brzo riješite problem pomoću ovih provjerenih koraka za rješavanje problema

Aplikacija Stream Deck se ruši na Microsoft Edgeu? Brzo riješite problem pomoću ovih provjerenih koraka za rješavanje problema

Suočavate se s problemom aplikacije Microsoft Edge Stream Deck koja se ne otvara? Otkrijte brze i učinkovite korake za rješavanje problema kako biste riješili probleme s rušenjem, zamrzavanjem i pokretanjem. Pokrenite svoju konfiguraciju za nekoliko minuta uz naš stručni vodič.

🚀 Otključajte prekrasan izgled: Kako promijeniti temu i pozadinu preglednika Microsoft Edge u nekoliko minuta!

🚀 Otključajte prekrasan izgled: Kako promijeniti temu i pozadinu preglednika Microsoft Edge u nekoliko minuta!

Naučite kako bez napora promijeniti temu i pozadinu preglednika Microsoft Edge. Dobijte detaljne vodiče za prilagođene teme, živopisne pozadine i profesionalne savjete za personalizaciju preglednika Edge kao nikada prije!

Ispravite grešku prekida veze u programu Microsoft Edge 0x80072efe: Trenutna rješenja koja djeluju!

Ispravite grešku prekida veze u programu Microsoft Edge 0x80072efe: Trenutna rješenja koja djeluju!

Umorni ste od Microsoft Edgea 0x80072efe Veza prekinuta blokira pregledavanje? Slijedite ove provjerene, detaljne popravke kako biste brzo riješili pogrešku i bez napora se vratili na mrežu.

🚀 BRZO ispravljanje pogrešaka pregleda PDF-ova u programu Microsoft Edge: Ultimativni vodič za rješavanje problema

🚀 BRZO ispravljanje pogrešaka pregleda PDF-ova u programu Microsoft Edge: Ultimativni vodič za rješavanje problema

Umorni ste od pogrešaka u rukovanju pregledom PDF-ova u Microsoft Edgeu koje vam uništavaju tijek rada? Otkrijte provjerena, detaljna rješenja za probleme s pregledom PDF-ova u File Exploreru. Vratite se besprijekornim pregledima već danas!

🚀 Ultimativni vodič za 2026.: Trenutačno ispravljanje koda pogreške 403 Zabranjeno u Microsoft Edgeu (provjereni koraci)

🚀 Ultimativni vodič za 2026.: Trenutačno ispravljanje koda pogreške 403 Zabranjeno u Microsoft Edgeu (provjereni koraci)

Imate problema s kodom pogreške 403 Zabranjeno u Microsoft Edgeu? Otkrijte provjerena rješenja za verziju 2026 kako biste brzo vratili pristup. Izbrišite predmemoriju, onemogućite proširenja i još mnogo toga u ovom detaljnom vodiču za besprijekorno pregledavanje.

BRZO ispravljanje pogreške rukovatelja pregledom PDF-ova u programu Microsoft Edge: Ultimativni vodič za 2026.

BRZO ispravljanje pogreške rukovatelja pregledom PDF-ova u programu Microsoft Edge: Ultimativni vodič za 2026.

Umorni ste od frustrirajuće pogreške u programu Microsoft Edge PDF Preview Handler koja blokira vaše preglede? Slijedite naša provjerena, detaljna rješenja kako biste je odmah riješili i vratili nesmetano rukovanje PDF-ovima u Windows Exploreru. Radi na najnovijim verzijama Edgea!