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

🔧 Øjeblikkelig løsning: Sådan rettes fejlen med dårligt billede i Microsoft Edge efter systemopdatering i 2026

🔧 Øjeblikkelig løsning: Sådan rettes fejlen med dårligt billede i Microsoft Edge efter systemopdatering i 2026

Oplever du fejlen "Bad Image" i Microsoft Edge efter en systemopdatering? Opdag gennemprøvede trinvise løsninger, der hurtigt løser problemet og giver dig problemfri browsing igen. Ingen tekniske færdigheder kræves!

Ret Microsoft Edge-fejl 404: Den ultimative fejlfindingsguide til at løse problemet med, at siden ikke findes med det samme.

Ret Microsoft Edge-fejl 404: Den ultimative fejlfindingsguide til at løse problemet med, at siden ikke findes med det samme.

Støder du på Microsoft Edge-fejl 404, siden blev ikke fundet? Opdag gennemprøvede trinvise løsninger, fra rydning af cache til avancerede nulstillinger, for hurtigt at få din browsing tilbage på sporet. Ingen tekniske færdigheder kræves!

Sådan rettes Netflix-fejl på Microsoft Edge Desktop | Dokumenterede løsninger 2026

Sådan rettes Netflix-fejl på Microsoft Edge Desktop | Dokumenterede løsninger 2026

Har du problemer med Netflix-fejl på Microsoft Edge-skrivebordet? Opdag trinvise løsninger som at rydde cachen, deaktivere udvidelser og mere for at streame problemfrit. Hurtige, nemme løsninger, der virker!

🚀 Ret fejl i Edge Browser-profilen HURTIGT: Den ultimative fejlfindingsguide 2026

🚀 Ret fejl i Edge Browser-profilen HURTIGT: Den ultimative fejlfindingsguide 2026

Har du problemer med beskadiget Edge-browserprofil? Opdag dokumenterede fejlfinding af problemer med beskadiget Edge-browserprofil trin til at gendanne dine bogmærker, indstillinger og hastighed. Hurtige løsninger indeni!

🚀 Øjeblikkelig løsning: Sådan rettes Microsoft Edge DNS-probe afsluttet uden internetfejl på 5 minutter!

🚀 Øjeblikkelig løsning: Sådan rettes Microsoft Edge DNS-probe afsluttet uden internetfejl på 5 minutter!

Frustreret over Microsoft Edge DNS-testen færdig, men intet internet? Opdag dokumenterede trinvise løsninger til at gendanne din forbindelse hurtigt. Virker på den nyeste Windows-version – ingen tekniske færdigheder kræves!

Rettelse af Microsoft Edge Transparency Glitches på Windows 11: Gennemprøvet fejlfindingsvejledning

Rettelse af Microsoft Edge Transparency Glitches på Windows 11: Gennemprøvet fejlfindingsvejledning

Få styr på fejlfinding af gennemsigtighedsproblemer i Microsoft Edge i Windows 11 med denne trinvise vejledning. Gendan skarpe glimmer- og akryleffekter i Edge uden besvær – ingen teknisk ekspertise nødvendig!

Sidder du fast med WebView2 Runtime Allerede installeret-fejlen på Microsoft Edge? Den ultimative løsningsguide! 🔧

Sidder du fast med WebView2 Runtime Allerede installeret-fejlen på Microsoft Edge? Den ultimative løsningsguide! 🔧

Fejlfind den frustrerende WebView2 Runtime Already Installed-fejl i Microsoft Edge med vores trinvise vejledning. Hurtige løsninger, avancerede løsninger og tips til problemfri WebView2-installation. Kom tilbage til problemfri browsing nu!

Stop batteridræning i Microsoft Edge på bærbar computer: Dokumenterede løsninger, der virker med det samme

Stop batteridræning i Microsoft Edge på bærbar computer: Dokumenterede løsninger, der virker med det samme

Har du problemer med Microsoft Edge, der forårsager overdreven batteriforbrug på din bærbare computer? Opdag dokumenterede fejlfindingstrin, effektivitetstilstande og løsninger, der forlænger batterilevetiden med op til 2 timer. Hurtige, nemme løsninger til Windows-brugere.

🚀 Fix Microsoft Edge Startup Boost High Disk Usage øjeblikkeligt – Gennemprøvet guide til 2026!

🚀 Fix Microsoft Edge Startup Boost High Disk Usage øjeblikkeligt – Gennemprøvet guide til 2026!

Træt af, at Microsoft Edge Startup Boost forårsager et skyhøjt diskforbrug? Få trinvise løsninger til at genvinde din pc's hastighed. Deaktiver det nu, og øg ydeevnen uden besvær!

🚨 Ret Microsoft Edge Certificate Not Trusted-fejl 2026: 7 dokumenterede trin, der virker med det samme!

🚨 Ret Microsoft Edge Certificate Not Trusted-fejl 2026: 7 dokumenterede trin, der virker med det samme!

Kæmper du med fejlen "Microsoft Edge Certificate Not Trusted" i 2026? Opdag hurtige, dokumenterede løsninger til at gendanne sikker browsing. Trin-for-trin-guide uden krav om tekniske færdigheder.