Kako dodati Google fontove u WordPress

Kako dodati Google fontove u WordPress

Jedan od načina dramatičnog poboljšanja dizajna i profesionalnosti vaše web stranice je korištenje sjajnih fontova.


Većina ljudi nikada ne razmisli o fontu koji se koristi na njihovoj web stranici. Međutim, ako razvijate vlastitu temu ili uređujete temu koju ste trenutno instalirali, dobar odabir slova trebao bi biti velik dio postupka.

Odabir slova ili kombinacije fontova za vašu web lokaciju nekada je bio jednostavan i iskreno prilično dosadan zadatak. Bilo je vrlo malo web sigurnih fontova koji su vam na raspolaganju za upotrebu, ali sada s neprekidnim kreiranjem web optimiziranih fontova koji se neprekidno stvaraju može biti teško odrediti koje ćete koristiti.

Stvaranjem Google fontovi a porodice fontova 900+ koje su vam sada dostupne postupak odabira dobrog slova je još složeniji. Međutim, tijekom posljednjih nekoliko godina razvoj oko Google Fontova omogućio je implementaciju bilo kojeg izbora koji napravite daleko lakši nego što je ikada bio.

Zašto trebam koristiti Google fontove?

Google Fontovi postali su jedan od najvećih resursa fonta koji su vam danas dostupni na webu.

Ne samo da vam je na raspolaganju više od 900 obiteljskih fontova, svi su fontovi otvorenog koda koje svatko može kreirati i poboljšati.

Dizajneri koji stvaraju fontove moraju proći postupak razmatranja kako bi svoj font uključili u Googleov direktorij. To znači da, osim pristupa tisućama dizajnera širom svijeta, fontove se ne može dodati u direktorij bez da se prethodno osigura da su cjeloviti i web optimizirani.

Upotreba različitih fontova u prošlosti značila je da su ljudi morali imati font instaliran na vlastitom računalu kako bi preglednik mogao pravilno prikazati. S Google Fontovima svim se fontovima izravno pristupa iz Googleove mape, čime se osigurava da rade na gotovo svim računalima s bilo kojim preglednikom. Ovo otvara dosad neviđenu količinu slobode dizajna za izradu web stranica.

Kako mogu koristiti Google fontove na svojoj web lokaciji?

Neke teme WordPress-a, kao što je Total WordPress Tema, uključuju opcije ugrađene u temu za lako mijenjanje Googleovih fontova. Samo idite do odjeljka Customizer i kliknite na Tipografija karticu za uređivanje glavnih fontova, veličine fonta, težine fonta i ravnomjernog razmaka za elemente kroz temu.

Ukupne mogućnosti fontova za teme

Međutim, ako koristite drugu temu, možete ručno dodati Google fontove ili upotrebljavati dodatak.

WordPress dodaci za dodavanje Google fontova

Jedan od najboljih besplatnih dodataka za dodavanje Google fontova na vašu web lokaciju je pomoću besplatnog dodatka Easy Google Fonts koji možete preuzeti iz WordPress spremišta. Najlakši za preuzimanje, premda je izravno s vaše WordPress nadzorne ploče. Jednostavno se prijavite na svoju WordPress stranicu i idite na Dodaci> Dodaj novo. Zatim jednostavno potražite “Jednostavne Google fontove” za brzu i jednostavnu instalaciju.

Info & DownloadView Demo

Drugi sjajni dodatak za prilagodbu fontova na web mjestu je Yellow Pencil Live CSS dodatak za uređivanje (koji je besplatno uključen u našu New York WordPress temu). Prednost ovog dodatka je u tome što vam ne omogućuje samo mijenjanje fontova vaše web stranice putem jednostavne metode klikanja i uređivanja. Možete i prilagoditi sve boje WordPress teme, veličine fonta, težine fonta, podloge, margine … itd.

Koje fontove trebam koristiti?

Najveća snaga Google Imenika fontova također vam može otežati život. Na raspolaganju je tako veliki broj fontova da bi se pronalaženje i odabir pristojne kombinacije fontova mogao predstavljati izazov.

Fontovi koje odaberete ovisit će u potpunosti o onome što pokušavate prenijeti svojim dizajnom. Fontovi se koriste za privlačenje interesa čitatelja web lokacije. Koriste se za privlačenje pozornosti na različite aspekte web mjesta, a sjajni dizajner može učiniti čuda s vrlo suptilnim razlikama u fontovima koje koristi..

Jedna stvar koju trebate razumjeti je razlika između fonta i slova. Ta dva pojma često se i na pogrešan način zamjenjuju. Font je kompletna zbirka slova, simbola brojeva itd. Kada se upućuje na dizajn te zbirke, nazvali biste je tipkovnicom.

Klasifikacije fontova

Postoje različite klasifikacije koje se mogu primijeniti na slovopisa. To su: Serif, Sans Serif, Prikaz, Rukopis (ili Script) i Monospace. Postoje i drugi koji se koriste u tisku, iako se tek sada ne trebamo baviti njima.

Pa koje su razlike među njima?

crtica slovima slova ima rep koji visi o rubu svakog znaka.

Serif Typeface

Sans Serif utičnice nemaju repove.

Sans Serif Typeface

Prikaz slova su neobična i dekorativna.

Vrsta zaslona

Rukopis slova slova izgledaju kao ručno napisano ili blok pisanje.

Pisanje rukopisa

posljednje, monospace fontovi su sastavljeni od znakova koji svaki zauzimaju potpuno istu količinu prostora.

Monospace Typeface

Najbolji rukopisi za web dizajn

Nekoliko je smjernica najbolje prakse koje trebate slijediti pri odabiru fontova koji ćete koristiti.

To je dobra ideja izbjegavajte korištenje više od dva različita slova u dizajnu vaše web stranice. Može biti teško uravnotežiti više od dva slova. Miješanje više od dva vrste slova na jednom mjestu može uzrokovati ozbiljne probleme s vizualnim podacima.

Ako koristite dva različita slova, na primjer jedan za naslove i jedan za sadržaj, nemojte ih odabrati iz iste klasifikacije slovopisa. to je najbolje kombinirati tipove slova. Drugim riječima, izbjegavajte korištenje dva različita Serif fontova ili dva različita sans serif fontova.

Postoje fontovi koji djeluju zaista dobro za naslove, ali nisu idealni za sadržaj tijela i obrnuto. Postoje web lokacije koje koriste fontove za njihov sadržaj koje je teško pročitati. Sadržajni fontovi trebaju biti čisti i laki za čitanje dok naslovi fontova trebaju se koristiti za maksimalan učinak i skrenuti pozornost na određena područja vaše web lokacije.

Preklapanje Google fontova za WordPress

Kao što možda počinjete cijeniti, odabir fontova za dizajn vaše web stranice može biti težak i uključen postupak. Mnogo je više od odluke nego jednostavno odabir bilo koja dva slova.

Nekoliko je stvari koje biste trebali nastojati osigurati u svojim izborima. Provjerite je li hijerarhija klase zaglavlja uravnotežena i da li se oznake zaglavlja smanjuju u relativnoj veličini.

Pola bitke dobrog dizajna i tipografije web mjesta treba biti u skladu s odabranim fontom. To uključuje veličinu, težinu i razmak fonta. Korištenje Google fontova i dodatka Google Typography čini ovaj cijeli postupak daleko lakšim nego ikada prije. Čak i kad su ti resursi profesionalna i uravnotežena tipografija još uvijek je izazov.

Ako još uvijek niste sigurni u svoj izbor i izgubite se kada pokušavate otkriti razlike između svih opcija. Možda je vrijeme da profesionalni dizajner pogleda vašu stranicu.

Jeste li implementirali Google fontove na svoju web lokaciju? Jeste li gradili temu ispočetka koja uključuje Google fontove? Voljeli bismo čuti vaša razmišljanja o tipografiji i vašim omiljenim fontima u komentarima ispod.

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me
    Like this post? Please share to your friends:
    Adblock
    detector
    map