Google Fonts blev den bästa resursen för anpassad webbtypografi sedan utvecklingen 2010. Det finns tre huvudsakliga skäl 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
Till att börja med 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 hittar 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 – Som 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 @importera. Detta öppnar CSS-koden som du behöver kopiera. Gå till ditt WordPress-temas stilark och klistra in det i början. Se till att du har kopierat importlänken utan parenteser. Se till att du sparar så har du lagt till typsnittet.
Använder PHP
Följ de första stegen och kopiera länken du får efter att ha klickat på "+"-tecknet. Nu lägger du bara till det i ditt temas header.php-fil. Kom ihåg att spara för att typsnittet ska läggas till.
Använda en Javascript-funktion
Du kan också prova något som kallas "köa". Du måste använda funktionen wp_enqueue_style för detta. Genom denna metod kan du lägga till det valda teckensnittet i rubriken på alla dina webbsidor. Det är ett bra sätt att lägga till flera ändringar samtidigt.
Hämta bara länken till teckensnittet (från http till ”), och lägg till detta i ditt temas functions.php fil med extra kod runt den. Här är koden du behöver använda:
funktion custom_add_google_fonts() {
wp_enqueue_style( 'custom-google-fonts', https://fonts.googleapis.com/css2?family=Chelsea+Market&display=swap, falskt );
}
add_action( 'wp_enqueue_scripts', 'custom_add_google_fonts' );
Vilket som helst av dessa alternativ fungerar utmärkt för att integrera Google Fonts på din WordPress-webbplats, så det är viktigt att välja det du känner dig mest bekväm med.