Indlejring af Google-skrifttyper i WordPress-webstedet

Google Fonts er blevet den foretrukne ressource for tilpasset webtypografi siden udviklingen i 2010. Der er tre hovedårsager til, at Google blev frontløber her. For det første var der ingen skrifttypetjenester, som var anstændige nok, så Google udfyldte tomrummet. For det andet, selv i begyndelsen var den variation, de tilbød, forholdsvis stor. I øjeblikket er der over 800 skrifttyper tilgængelige i adskillige stilarter. For det tredje er disse skrifttyper tilgængelige gratis, hvilket gør dem særligt attraktive.

Derudover er de overraskende nemme at integrere i dine designprojekter. Vi viser dig, hvordan du kan inkludere disse Google-skrifttyper på dit WordPress-websted.

Google skrifttyper

For at begynde skal du vælge den skrifttype, du vil arbejde med. Der er en række muligheder, så du har en ret stor menu at vælge imellem. Du kan finde dem ved at gå over til  Googles skrifttypeside . Hvis du leder efter en bestemt skrifttype, skal du blot skrive navnet på skrifttypen i søgefeltet, og den skulle komme med et eksempel.

Der er også andre søgeparametre, du kan bruge. Lige under søgefeltet er en knap kaldet Kategorier. Hvis du klikker på dette, vil det afsløre en rullemenu med fem muligheder. Disse er som følger:

  • Serif - Disse er skrifttyper med korte linjer, der stammer fra de øvre og nedre streger af et bogstav. Times New Roman og Sylfaen er gode eksempler.
  • Sans Serif – Som navnet antyder, er disse skrifttyper uden de små linjer. De har en tendens til at have en enkel og ren æstetik.
  • Display – Det er, hvad man kan kalde opmærksomhedsskabende skrifttyper. De er bedst til overskrifter i stedet for lang tekst.
  • Håndskrift – Disse skrifttyper får det til at virke som om, nogen har skrevet dem i hånden. Du vil opdage, at mange er i kursiv eller har mindre ensartet mellemrum.
  • Monospace - Ligesom en skrivemaskine optager deres bogstaver den samme vandrette bredde. De er meget konsekvent fordelt.

Tilføjet til disse har du også andre muligheder at vælge imellem, såsom at vælge sprog og skrifttypeegenskaber. Sidstnævnte inkluderer antallet af stilarter, tykkelse, skråning og bredde.

Indlejring af skrifttyper i WordPress

Hvis du ønsker at inkludere disse unikke skrifttyper på dit WordPress-websted, er der flere metoder, du kan prøve.

Brug af CSS

Klik på skrifttypen fra Googles valg, og den fører dig til den detaljerede skrifttypeside. I øverste højre hjørne er der et "+"-tegn. Klik på det, og et sidevindue åbnes. Klik på "Indlejr".

Nu kan du klikke på @import. Dette vil åbne den CSS-kode, som du skal kopiere. Gå til dit WordPress-temas stylesheet og indsæt det i begyndelsen. Sørg for, at du har kopieret importlinket uden 


Leave a Comment

🚀 Løs synkroniseringskonflikt med flere profiler i Microsoft Edge på få minutter – en dokumenteret guide fra 2026

🚀 Løs synkroniseringskonflikt med flere profiler i Microsoft Edge på få minutter – en dokumenteret guide fra 2026

Træt af, at synkroniseringskonflikt med flere profiler i Microsoft Edge ødelægger din browsing? Opdag trinvise løsninger til at løse synkroniseringsfejl, flette profiler og synkronisere problemfrit på tværs af enheder. Fungerer på de nyeste Edge-versioner!

🚀 Rettelse af fejl i Microsoft Edge Sync-konto, der er sat på pause: Gennemprøvede fejlfindingstrin

🚀 Rettelse af fejl i Microsoft Edge Sync-konto, der er sat på pause: Gennemprøvede fejlfindingstrin

Træt af, at din Microsoft Edge Sync Pause-kontofejl forstyrrer din browsing? Opdag hurtige og effektive fejlfindingstrin til at gendanne problemfri synkronisering på tværs af enheder. Opdateret med de seneste rettelser for en problemfri Edge-oplevelse.

Ret ukendt diskfejl på bagudkompatible spil – Ultimativ Xbox-guide

Ret ukendt diskfejl på bagudkompatible spil – Ultimativ Xbox-guide

Få styr på den frustrerende fejlmeddelelse om ukendt disk i bagudkompatible spil på Xbox Series X|S. Følg vores gennemprøvede trinvise løsninger for at gendanne dit klassiske spilbibliotek med det samme.

🚀 Ret Microsoft Edge Windows Hello PIN-nulstillingsfejl med det samme – dokumenterede løsninger i 2026!

🚀 Ret Microsoft Edge Windows Hello PIN-nulstillingsfejl med det samme – dokumenterede løsninger i 2026!

Har du problemer med fejlen i Microsoft Edge Windows Hello PIN-nulstilling? Opdag trinvise løsninger, der hurtigt løser problemet. Få adgang til din browser igen uden frustrationer – opdateret til de seneste Windows-opdateringer.

🚀 Ret Microsoft Edge blank hvid skærm ved opstart: Dokumenterede løsninger, der virker med det samme!

🚀 Ret Microsoft Edge blank hvid skærm ved opstart: Dokumenterede løsninger, der virker med det samme!

Har du problemer med den blanke, hvide skærm i Microsoft Edge ved opstart? Opdag trinvise løsninger på problemet med den blanke, hvide skærm i Edge, fra hurtige nulstillinger til avancerede reparationer. Kom problemfrit tilbage til at browse!

Mist ikke din fordel: Den ultimative guide til sikkerhedskopiering af Microsoft Edge-data før systemnulstilling

Mist ikke din fordel: Den ultimative guide til sikkerhedskopiering af Microsoft Edge-data før systemnulstilling

Trin-for-trin-guide til, hvordan du sikkerhedskopierer Microsoft Edge-data som bogmærker, adgangskoder, historik og indstillinger før en systemnulstilling. Beskyt dine essentielle browseroplysninger med nemme og pålidelige metoder.

🚀 Ret Microsoft Edge-optagelseskort med intet signal ved 60FPS – Ultimativ guide til problemfri streaming ved 60FPS!

🚀 Ret Microsoft Edge-optagelseskort med intet signal ved 60FPS – Ultimativ guide til problemfri streaming ved 60FPS!

Sidder du fast med fejlen "Microsoft Edge Capture Card No Signal 60FPS"? Opdag dokumenterede løsninger til at gendanne signalet, nå 60FPS problemfrit og streame uden forsinkelser. Trin-for-trin-guide til øjeblikkelige resultater!

🚀 Ret Microsoft Edge Side-by-Side-konfigurationsfejl på få minutter – Gennemprøvet guide fra 2026!

🚀 Ret Microsoft Edge Side-by-Side-konfigurationsfejl på få minutter – Gennemprøvet guide fra 2026!

Træt af den frustrerende Microsoft Edge Side-by-Side-konfigurationsfejl? Opdag enkle, trinvise løsninger, der hurtigt løser problemet og giver problemfri browsing tilbage. Opdateret med de nyeste løsninger!

Rettelse af Microsoft Edge-installationsfejl 124 på få minutter: Gennemprøvet fejlfindingsvejledning

Rettelse af Microsoft Edge-installationsfejl 124 på få minutter: Gennemprøvet fejlfindingsvejledning

Sidder du fast med Microsoft Edge Installer-fejl 124? Få trinvise løsninger til at løse installationsfejl hurtigt. Gennemprøvede løsninger til problemfri Edge-opsætning på Windows. Ingen tekniske færdigheder kræves!

Rettelse af Microsoft Edge Installer-fejl 124 på Windows 11: Ultimativ trin-for-trin-guide

Rettelse af Microsoft Edge Installer-fejl 124 på Windows 11: Ultimativ trin-for-trin-guide

Træt af, at Microsoft Edge Installer-fejl 124 blokerer din Windows 11-opsætning? Følg vores gennemprøvede, nemme løsninger for at løse det hurtigt og gendanne problemfri browsing. Ingen teknisk ekspertise nødvendig!