Divi: Det bästa WordPress-temat hela tiden!

mer 901.000-nedladdningar, Divi är det mest populära WordPress-temat i världen. Den är komplett, lätt att använda och levereras med mer än 62 gratis mallar.

Har du någonsin undrat hur de som designar webbplatser lyckas använda vackra teckensnitt på sina webbplatser? Ofta lägger de till anpassade teckensnitt med Typekit, en Adobe-tjänst som ger dig tillgång till typsnitt med hög kvalitet. I den här tutorialen visar vi dig hur du lägger till Typekit-teckensnitt till WordPress för att förbättra din typografi.

Varför använda Typekit typsnitt?

Typekit är en populär prenumerationstjänst som kan spara mycket pengar. Istället för att betala för enskilda teckensnittslicenser, vilket kan bli ganska dyrt, kan du få tillgång till hela deras bibliotek med hundratals teckensnitt gratis eller till en fast årsavgift.

Typekit-biblioteket är en imponerande samling av mer än 1000-teckensnitt. Några av de vackraste teckensnitten du kan hitta på webben finns tillgängliga på Typekit, en Adobe-tjänst.

Deras gratis grundplan har tillgång till 230+ teckensnitt, och du kan använda 2 typsnittsfamiljer på en webbplats gratis. Andra planer börjar från $ 49,99 till $ 99,99 per år.

Dessa fantastiska typekit-teckensnitt kan enkelt läggas till på en webbplats utan att bromsa ner din hastighet på din webbplats. Teckensnitt serveras via ett CDN och laddas mycket snabbare än om du.

Varför använda anpassade teckensnitt på WordPress?

Typografi spelar en avgörande roll i utformningen av din webbplats.

Att välja bra teckensnitt kommer tydligt att kommunicera din personlighet och ditt budskap till dina läsare. Det spelar ingen roll vilken typ av bild du vill reflektera (professionell, vänlig, avslappnadTeckensnitten på din webbplats kan hjälpa till att projicera en bra bild.

Genom att använda rätt uppsättning teckensnitt kan du lämna ett bestående intryck. Att välja rätt teckensnitt för din WordPress-webbplats kan ta din webbplats från en enkel design till en slående estetisk bit.

Bra anpassade webb-teckensnitt kan:

  • Öka omräkningskurser
  • Sänk avvisningsfrekvens på din webbplats
  • Öka tiden på din webbplats
  • Skapa en minnesvärd upplevelse för användare

Vet du hur man använder Typekit typsnitt? Hur man använder Typekit att anpassa Wordpress teckensnitt.

Hur man börjar med Typekit

Först måste du skapa ett Typekit-konto. För att göra detta går du helt enkelt till "Typekit.com" och jämför de tillgängliga planerna.

Skapa enkelt din webbplats med Elementor

Elementor låter dig skapa Enkelt och gratis vilken webb- eller bloggdesign som helst med ett professionellt utseende. Sluta betala mycket för en webbplats du kan göra själv.

Du måste välja vilken plan du vill använda. Gratisplanen begränsar dig till en webbplats och inkluderar tillgång till begränsade teckensnitt. Du kanske vill börja med den kostnadsfria planen för att testa den och sedan uppgradera senare. Uppgraderingen ger dig ett större typsnitt och du kan använda dem på flera webbplatser.

Skapande av ett kit på wordpress typekit

Nästa steg är att skapa ett kit. Med satsen kan du sätta ihop ett specifikt typsnittsbibliotek och inställningar för din webbplats så att typkit-laddning är optimal. För att skapa ditt kit, lägg till ditt webbplatsnamn och domännamn och klicka sedan på Fortsätt.

Skapande av ett kit på wordpress typekit

När du är klar med att fylla i din information för ditt kit kommer Typekit att ge dig JavaScript-kod att lägga till på din webbplats. Du kan kopiera och klistra in den här koden i en textredigerare som Anteckningar för att spara den för tillfället. Vi lägger till det på din webbplats i nästa steg i denna handledning.

För nu kan du börja välja dina teckensnitt. Du kan bläddra i teckensnittsbiblioteket och filtrera dem efter alternativ som betyg, vikt, bredd, höjd och mer.

Vill du sälja dina produkter på internet?

Ladda ner WooCommerce gratis, de bästa plugins för e-handel för att sälja dina fysiska och digitala produkter på WordPress och enkelt skapa din onlinebutik. Perfekt för nybörjare.

Chiosir uen typsnitt på typekit

När du ser ett typsnitt som du vill kan du klicka på det för mer information och exempel. Om du vill lägga till det i ditt webbpaket klickar du på knappen "Webbanvändning: Lägg till i kit" på höger sida.

Monarcha typsnitt typekit wordpress

Detta kommer att visa en pop-up där du måste lägga till det teckensnitt som valts för det kit du just skapade.

Förhandsgranska typekit typografi

Nu kan du klicka på knappen " publicera För att spara ändringarna i ditt kit.

Förhandsgranska typekit typografi

Det är allt! Ditt font kit är nu tillgängligt för användning på din WordPress-blogg.

Hur man lägger till typsnitt till Wordpress typekit

Det bästa sättet att lägga till dina nya anpassade webbteckensnitt till din WordPress-blogg är att använda pluginet. wordpress Typekit. Lär dig hur du installerar ett WordPress-plugin.

Vi rekommenderar Typekit-teckensnitt för WordPress-plugin. Efter installation och aktivering av plugin-programmet kan du komma åt " Inställningar> Typekit-teckensnitt För att konfigurera plugin.

Wordpress plugin typekit inställningar

Först måste du klistra in JavaScript-koden som du sparat tidigare i Typekit-inbäddningskodfältet. Därefter kan du lägga till CSS-väljare för att ange var du vill använda teckensnittet på din webbplats.

I skärmdumpen ovan lade vi till teckensnittet i CSS-väljaren " h1.site-titel ".

Ditt WordPress-tema kan använda olika klasser för olika element. Du måste använda verktyget Inspektera element i din webbläsare för att hitta dessa CSS-klasser.

Inspektera wordpress-kodinnehållet

Det här är allt för den här tutorialen, jag hoppas att det kommer att tillåta dig att lägga till TypeKit-teckensnitt till din WordPress-blogg.

.