Googlei fontide manustamine WordPressi saidile

Google Fontsist on saanud kohandatud veebitüpograafia peamine ressurss alates selle väljatöötamisest 2010. aastal. 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  Google'i fondilehele . 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