Bädda in Google Fonts i WordPress-webbplatsen

Google Fonts blev den bästa resursen för anpassad webbtypografi sedan utvecklingen 2010. Det finns tre huvudsakliga anledningar till att Google blev ledande här. För det första fanns det inga typsnittstjänster som var anständiga nog, så Google fyllde tomrummet. För det andra, även i början var variationen de erbjöd jämförelsevis stor. För närvarande finns det över 800 teckensnitt tillgängliga i många stilar. För det tredje är dessa typsnitt tillgängliga gratis, vilket gör dem särskilt attraktiva.

Dessutom är de förvånansvärt lätta att integrera i dina designprojekt. Vi visar dig hur du kan inkludera dessa Google-teckensnitt på din WordPress-webbplats.

Google Fonts

För att börja måste du välja typsnittet du vill arbeta med. Det finns en mängd olika alternativ, så du har en ganska stor meny att välja mellan. Du kan hitta dem genom att gå över till  Googles teckensnittssida . Om du letar efter ett specifikt teckensnitt, skriv helt enkelt in namnet på teckensnittet i sökrutan och det bör komma upp med ett exempel.

Det finns även andra sökparametrar du kan använda. Precis under sökrutan finns en knapp som heter Kategorier. Om du klickar på detta kommer det att visa en rullgardinsmeny med fem alternativ. Dessa är följande:

  • Serif – Det här är typsnitt med korta linjer som härrör från de övre och nedre strecken på en bokstav. Times New Roman och Sylfaen är goda exempel.
  • Sans Serif – Som namnet antyder är det här typsnitt utan de där små linjerna. De tenderar att ha en enkel och ren estetik.
  • Display – Det här är vad som kan kallas uppmärksammade typsnitt. De är bäst för rubriker snarare än lång text.
  • Handskrift – Dessa typsnitt får det att verka som om någon skrivit dem för hand. Du kommer att upptäcka att många är i kursiv eller har mindre konsekventa mellanrum.
  • Monospace – Liksom en skrivmaskin har bokstäverna samma horisontella bredd. De är mycket konsekvent fördelade.

Utöver dessa har du också andra alternativ att välja mellan, som att välja språk och teckensnittsegenskaper. Det senare inkluderar antalet stilar, tjocklek, lutning och bredd.

Bädda in teckensnitt i WordPress

Om du vill inkludera dessa unika typsnitt på din WordPress-webbplats finns det flera metoder du kan prova.

Använder CSS

Klicka på teckensnittet från Googles val så kommer du till den detaljerade teckensnittssidan. I det övre högra hörnet finns ett "+"-tecken. Klicka på det och ett sidofönster öppnas. Klicka på "Bädda in".

Nu kan du klicka på @import. Detta öppnar CSS-koden som du behöver kopiera. Gå till ditt WordPress-temas stilmall och klistra in det i början. Se till att du har kopierat importlänken utan 


Leave a Comment

🚀 Åtgärda synkroniseringskonflikt med flera profiler i Microsoft Edge på några minuter – Beprövad guide för 2026

🚀 Åtgärda synkroniseringskonflikt med flera profiler i Microsoft Edge på några minuter – Beprövad guide för 2026

Trött på att synkroniseringskonflikt med flera profiler i Microsoft Edge förstör din surfning? Upptäck steg-för-steg-lösningar för att lösa synkroniseringsfel, sammanfoga profiler och synkronisera sömlöst mellan enheter. Fungerar på de senaste Edge-versionerna!

🚀 Åtgärda felet Pausat konto i Microsoft Edge Sync: Beprövade felsökningssteg

🚀 Åtgärda felet Pausat konto i Microsoft Edge Sync: Beprövade felsökningssteg

Trött på att felet "Pausad synkronisering i Microsoft Edge"-kontot avbryter din surfning? Upptäck snabba och effektiva felsökningssteg för att återställa sömlös synkronisering mellan enheter. Uppdaterad med de senaste korrigeringarna för en problemfri Edge-upplevelse.

Åtgärda okänt skivfel i bakåtkompatibla spel – Ultimat Xbox-guide

Åtgärda okänt skivfel i bakåtkompatibla spel – Ultimat Xbox-guide

Åtgärda det frustrerande felet "Okänd skiva" för bakåtkompatibla spel på Xbox Series X|S. Följ våra beprövade steg-för-steg-åtgärder för att återställa ditt klassiska spelbibliotek direkt.

🚀 Åtgärda PIN-återställningsfelet i Microsoft Edge i Windows Hello direkt – Beprövade lösningar från 2026!

🚀 Åtgärda PIN-återställningsfelet i Microsoft Edge i Windows Hello direkt – Beprövade lösningar från 2026!

Har du problem med återställningsfelet för PIN-koden i Microsoft Edge Windows Hello? Upptäck steg-för-steg-lösningar för att lösa det snabbt. Få åtkomst till din webbläsare utan frustration – uppdaterad med de senaste Windows-uppdateringarna.

🚀 Åtgärda en tom vit skärm i Microsoft Edge vid uppstart: Beprövade lösningar som fungerar direkt!

🚀 Åtgärda en tom vit skärm i Microsoft Edge vid uppstart: Beprövade lösningar som fungerar direkt!

Har du problem med en tom vit skärm i Microsoft Edge vid uppstart? Upptäck steg-för-steg-lösningar för problemet med den tomma vita skärmen i Edge, från snabba återställningar till avancerade reparationer. Kom tillbaka till surfandet smidigt!

Tappa inte din fördel: Den ultimata guiden för att säkerhetskopiera Microsoft Edge-data innan systemåterställning

Tappa inte din fördel: Den ultimata guiden för att säkerhetskopiera Microsoft Edge-data innan systemåterställning

Steg-för-steg-guide om hur du säkerhetskopierar Microsoft Edge-data som bokmärken, lösenord, historik och inställningar innan en systemåterställning. Skydda dina surfrelaterade viktiga saker med enkla och pålitliga metoder.

🚀 Åtgärda Microsoft Edge Capture Card Ingen signal 60FPS – Ultimat guide till smidig 60FPS-strömning!

🚀 Åtgärda Microsoft Edge Capture Card Ingen signal 60FPS – Ultimat guide till smidig 60FPS-strömning!

Fast med felet "Microsoft Edge Capture Card No Signal 60FPS"? Upptäck beprövade lösningar för att återställa signalen, nå 60FPS smidigt och streama utan lagg. Steg-för-steg-guide för omedelbara resultat!

🚀 Åtgärda konfigurationsfelet i Microsoft Edge Side-by-Side på några minuter – Beprövad guide från 2026!

🚀 Åtgärda konfigurationsfelet i Microsoft Edge Side-by-Side på några minuter – Beprövad guide från 2026!

Trött på det frustrerande konfigurationsfelet i Microsoft Edge Side-by-Side? Upptäck enkla steg-för-steg-lösningar för att snabbt lösa det och återställa smidig surfning. Uppdaterad med de senaste lösningarna!

Åtgärda Microsoft Edge-installationsfel 124 på några minuter: Beprövad felsökningsguide

Åtgärda Microsoft Edge-installationsfel 124 på några minuter: Beprövad felsökningsguide

Fastnar du med Microsoft Edge Installer-fel 124? Få steg-för-steg-åtgärder för att snabbt lösa installationsfel. Beprövade lösningar för smidig Edge-installation på Windows. Inga tekniska kunskaper krävs!

Åtgärda Microsoft Edge Installer-fel 124 i Windows 11: Ultimat steg-för-steg-guide

Åtgärda Microsoft Edge Installer-fel 124 i Windows 11: Ultimat steg-för-steg-guide

Trött på att Microsoft Edge Installer-fel 124 blockerar din Windows 11-installation? Följ våra beprövade, enkla lösningar för att lösa det snabbt och återställa smidig surfning. Ingen teknisk expertis behövs!