Bädda in Google Fonts i WordPress-webbplatsen

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 


Så här tvingar du Google Chrome att alltid visa fullständiga webbadresser

Så här tvingar du Google Chrome att alltid visa fullständiga webbadresser

Chrome, som standard, visar dig inte hela webbadressen. Du kanske inte bryr dig så mycket om denna detalj, men om du av någon anledning behöver den fullständiga webbadressen visas, detaljerade instruktioner om hur du får Google Chrome att visa hela webbadressen i adressfältet.

Hur man får tillbaka gamla Reddit

Hur man får tillbaka gamla Reddit

Reddit ändrade sin design ännu en gång i januari 2024. Omdesignen kan ses av datoranvändare och begränsar huvudflödet samtidigt som det tillhandahåller länkar

Hur man kopierar innehåll från läroböcker med Google Lens

Hur man kopierar innehåll från läroböcker med Google Lens

Att skriva ditt favoritcitat från din bok till Facebook är tidskrävande och fullt av fel. Lär dig hur du använder Google Lens för att kopiera text från böcker till dina enheter.

Snabbguide om hur du skapar påminnelser på Google Home

Snabbguide om hur du skapar påminnelser på Google Home

Påminnelser har alltid varit Google Homes stora höjdpunkt. De gör säkert vårt liv enklare. Låt oss ta en snabb rundtur om hur du skapar påminnelser på Google Home så att du aldrig missar att ta hand om viktiga ärenden.

Fixa serverns DNS-adress kunde inte hittas i Chrome

Fixa serverns DNS-adress kunde inte hittas i Chrome

Ibland, när du arbetar med Chrome, kan du inte komma åt vissa webbplatser och får felmeddelandet "Åtgärda serverns DNS-adress kunde inte hittas i Chrome". Så här kan du lösa problemet.

8 Minecraft Castle-designer eller idéer du borde prova

8 Minecraft Castle-designer eller idéer du borde prova

De säger att en persons hem är deras slott, men i Mojangs Minecraft kan du bygga ett slott som ditt hem. Oavsett om du bygger den i Nederländerna eller på ett berg, är de tjocka väggarna perfekta för att hålla folkmassor ute.

Hur man halvsvepar på Snapchat

Hur man halvsvepar på Snapchat

Läskvitton på Snapchat kan vara ett tveeggat svärd. Även om de ger feedback när ett meddelande har visats, kan de också skapa förväntningar och tryck på omedelbara svar.

Hur man lägger till sidor i ett Google Docs-dokument

Hur man lägger till sidor i ett Google Docs-dokument

När du skapar ett nytt Google Docs-dokument, tänker du på dess struktur i förväg. Vet du till exempel hur man lägger till sidor, en innehållsförteckning eller hur man numrerar sidorna.

Hur man reagerar på meddelanden på Discord

Hur man reagerar på meddelanden på Discord

Discord är en populär kommunikationsapp för spelare, men alla typer av människor använder den i stor utsträckning. Dess mest framträdande funktion är röstchatt, men du kan också skicka textmeddelanden, bilder och olika filer till individer eller hela samhällen.

Hur du återställer din förlorade Snapchat-strimma

Hur du återställer din förlorade Snapchat-strimma

Snapchat Streak eller Snapstreak är antalet dagar i följd du har bytt Snaps med din Snapchat-vän. Det visas bredvid vännernas namn i form av brand-emoji och ett nummer som representerar antalet dagar du höll kontakten via Snapchat-appen.