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

Opera för Android: Hur man konfigurerar Ad-Blocker

Opera för Android: Hur man konfigurerar Ad-Blocker

Annonser kan vara användbara eftersom de informerar dig om erbjudanden och tjänster du kan behöva. Men de kan bli ohanterliga och bli irriterande. Det är då du vänder dig till annonsblockerare. Lär dig hur du konfigurerar Ad-Blocker i Opera för Android med dessa steg.

Hur man markerar text i Google Docs

Hur man markerar text i Google Docs

Lär dig hur man markerar eller framhäver viss text i dina Google Docs-dokument med hjälp av dessa steg för din dator, smartphone eller surfplatta.

Hur man ändrar typsnitt i Google Chrome

Hur man ändrar typsnitt i Google Chrome

Webbläsaren Google Chrome erbjuder ett sätt för dig att ändra de typsnitt den använder. Lär dig hur du ställer in typsnittet på det du vill.

Så här markerar du text i Google Slides

Så här markerar du text i Google Slides

Lär dig hur du markerar text med färg i Google Slides-appen med denna steg-för-steg-guide för mobil och dator.

Firefox: Hur man identifierar en specifik färg på en webbsida

Firefox: Hur man identifierar en specifik färg på en webbsida

Se hur du kan identifiera en specifik färg med ett integrerat verktyg i Firefox utan att använda tredjepartsprogram.

7 Chrome-tillägg för att göra Gmail mer produktiv

7 Chrome-tillägg för att göra Gmail mer produktiv

Du kan hitta flera tillägg för Gmail för att göra din hantering av e-post mer produktiv. Här är de bästa Gmail Chrome-tilläggen.

Hur man slår på eller av stavningskontrollen i Firefox

Hur man slår på eller av stavningskontrollen i Firefox

Se hur enkelt det är att lägga till ett ord eller ett annat språk i Firefox stavningskontroll. Se också hur du kan stänga av stavningskontroll för webbläsaren.

Snabbtips: Så här stänger du av Google Assistant

Snabbtips: Så här stänger du av Google Assistant

Se vilka steg du ska följa för att snabbt stänga av Google Assistant. Känn dig mindre övervakad och inaktivera Google Assistant.

Är det möjligt att blockera någon från att se dina kommentarer på Facebook?

Är det möjligt att blockera någon från att se dina kommentarer på Facebook?

Dina Facebook-vänner kan se alla kommentarer du skriver på offentliga inlägg. Facebook-kommentarer har inga individuella sekretessinställningar.

Så här ändrar du Facebooks integritetsinställningar på en telefon eller tablet

Så här ändrar du Facebooks integritetsinställningar på en telefon eller tablet

Att veta hur du ändrar Facebooks integritetsinställningar på en telefon eller tablet gör det enklare att hantera ditt konto.