Obs: I nästa ämne du kommer att läsa kommer du att lära dig om: Bädda in Google Fonts på WordPress-webbplatsen
Google Fonts har varit en god resurs för anpassade webbstilar sedan utvecklingen 2010. Det finns tre huvudsakliga anledningar till att Google är först här. För det första var ingen av typsnittstjänsterna tillräckligt bra, så Google fyllde tomrummet. Andra, även som nybörjare, är variationen de erbjuder relativt stor. För närvarande finns det mer än 800 teckensnitt tillgängliga i många stilar. För det tredje är dessa typsnitt fritt tillgängliga, vilket gör dem särskilt attraktiva.
Dessutom är de förvånansvärt lätta att integrera i dina designprojekt. Vi kommer att visa dig hur du inkluderar dessa Google-teckensnitt på din WordPress-webbplats.
Google Fonts
För att komma igång måste du välja det typsnitt du vill arbeta med. Det finns många olika alternativ, så du har en ganska stor meny att välja mellan. Du hittar dem genom att gå till Google Fonts. Om du letar efter ett specifikt typsnitt, skriv bara namnet på typsnittet i sökrutan så kommer det att ge 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 en fem rullgardinsmeny att visas. Dessa är följande:
Serif Dessa är korta teckensnitt som kommer från den övre och nedre raden i en bokstav. Times New Roman och Sylfa är utmärkta exempel.
Sans Serif Som namnet antyder har dessa typsnitt inga små linjer. De tenderar att ha en enkel och ren estetik.
Display Det här är vad som kan kallas uppmärksamhetsfångande typsnitt. De är bäst för rubriker snarare än lång text.
Handskrift – Dessa typsnitt får det att se ut som att någon skrivit dem för hand. Du kommer att upptäcka att många bokstäver är kursiva eller har ännu mindre mellanrum.
Monospace – Som skrivmaskin tar deras bokstäver samma bredd. De är väldigt konsekventa på långt håll.
Utöver dessa har du även andra alternativ att välja mellan, som att välja språk och egenskaper för teckensnitt. Den senare innehåller stilnummer, tjocklek, gradient och bredd.
Inbäddade 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å typsnittet från Googles val så kommer du till den detaljerade teckensnittssidan. I det övre högra hörnet finns ett +-tecken. Klicka på den för att öppna ett sidofönster. Klicka på “Bädda in”.
Nu kan du klicka@ importera.Detta öppnar CSS-koden som du behöver kopiera. Gå till din WordPress-temastilmall och klistra in i toppen. Se till att du kopierade importlänken utan
parentes. Se till att du sparar, så att du har lagt till teckensnittet.
Med PHP
Följ de första stegen och kopiera länken du får efter att ha klickat på +-tecknet. Lägg bara till det i ditt tematitle.phpfil. Kom ihåg att spara för tillagda teckensnitt.
Använder Javascript-funktionen
Du kan också prova något som kallas “köa”. Du måste använda funktionen wp_enqueue_style för detta. Med den här metoden kan du lägga till det valda teckensnittet i rubrikerna på alla sidor på din webbplats. Det är ett bra sätt att lägga till flera ändringar samtidigt.
Skaffa bara teckensnittslänken (frånhttptill) och lägg till detta i ditt temaFunctions.phpfil med ytterligare kod runt den. Här är koden du behöver använda:
function custom_add_google_fonts() {
wp_enqueue_style (“anpassade google-fonter”, https://fonts.googleapis.com/css2?family=Chelsea Market +& display = bytes, false);
}
add_action(‘wp_enqueue_scripts’, ‘custom_add_google_fonts’);
Vissa av dessa alternativ fungerar bra för att integrera Google-typsnitt i din WordPress-webbplats, så det är viktigt att välja det du är mest bekväm med.
