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