Bygge inn Google Fonts i WordPress-nettstedet

Google Fonts ble den viktigste ressursen for tilpasset netttypografi siden utviklingen i 2010. Det er tre hovedgrunner til at Google ble frontløper her. For det første var det ingen skrifttjenester som var anstendige nok, så Google fylte tomrommet. For det andre, selv i begynnelsen var variasjonen de tilbød relativt stor. For tiden er det over 800 fonter tilgjengelig i en rekke stiler. For det tredje er disse skriftene tilgjengelige gratis, noe som gjør dem spesielt attraktive.

I tillegg er de overraskende enkle å integrere i designprosjektene dine. Vi viser deg hvordan du kan inkludere disse Google-fontene på WordPress-nettstedet ditt.

Google Fonts

For å begynne må du velge skriften du vil jobbe med. Det finnes en rekke alternativer, så du har en ganske stor meny å velge mellom. Du finner dem ved å gå over til  Googles skriftside . Hvis du leter etter en spesifikk font, skriv ganske enkelt inn navnet på skriften i søkeboksen, og den skal komme opp med et eksempel.

Det er også andre søkeparametere du kan bruke. Rett under Søk-boksen er en knapp som heter Kategorier. Hvis du klikker på dette, vil det avsløre en rullegardinmeny med fem alternativer. Disse er som følger:

• Serif – Dette er skrifter med korte linjer som stammer fra de øvre og nedre strekene på en bokstav. Times New Roman og Sylfaen er gode eksempler.
• Sans Serif – Som navnet antyder, er dette fonter uten de små linjene. De har en tendens til å ha en enkel og ren estetikk.
• Display – Dette er det som kan kalles oppsiktsvekkende fonter. De er best for overskrifter i stedet for lang tekst.
• Håndskrift – Disse fontene får det til å virke som om noen har skrevet dem for hånd. Du vil finne at mange er i kursiv eller har mindre konsistente mellomrom.
• Monospace - Som en skrivemaskin har bokstavene deres samme horisontale bredde. De er veldig jevnt fordelt.

I tillegg til disse har du også andre alternativer å velge mellom, som å velge språk og skriftegenskaper. Sistnevnte inkluderer antall stiler, tykkelse, skråning og bredde.

Bygge inn fonter i WordPress

Hvis du ønsker å inkludere disse unike fontene på WordPress-siden din, er det flere metoder du kan prøve.

Bruker CSS

Klikk på skrifttypen fra Googles utvalg, og den tar deg til den detaljerte fontsiden. I øvre høyre hjørne er det et "+"-tegn. Klikk på det og et sidevindu åpnes. Klikk på "Bygg inn."

Nå kan du klikke på @import. Dette åpner CSS-koden som du må kopiere. Gå til WordPress-temaets stilark og lim det inn i begynnelsen. Pass på at du har kopiert importkoblingen uten