Vill du lägga till anpassade teckensnitt till WordPress?

Tro mig, polisen också en mycket stor roll att spela på din blogg och du kommer att vinna mycket genom att lägga till ett teckensnitt anpassat inte bara till din bloggs sammanhang, utan också till ditt WordPress-tema.

I den här tutorialen kommer jag att visa dig hur du lägger till anpassade teckensnitt till din WordPress-blogg med Google Fonts, Typekit och CSS3.

Användningen av anpassade typsnitt i WordPress-teman har blivit vanligt. Det finns faktiskt flera WordPress-teman som erbjuder flera typsnitt att välja mellan. Men att ladda alla dessa typsnitt samtidigt kan avsevärt sakta ner inläsningen av en sida.

hur man lägger till wordpress anpassade teckensnitt 1 1

Och om din blogg är långsam föreslår jag dig Vissa lösningar på prestandaproblem på Wordpress

Det här är en av anledningarna till att vi ska göra det på rätt sätt genom att bara ladda upp det anpassade teckensnittet vi vill använda på bloggen.

Men först och främst är det först viktigt att veta hur man söker efter teckensnitt samtidigt som man konsulterar 7 WordPress plugins för att ta hand om typografi på din blogg

Hur man hittar typsnitt och hur man använder Wordpress

Teckensnitt är inte så skalbara som de brukade vara. Det finns dock flera källor där du kan hitta typsnitt som " Google Fonts "" Typekit "" FontSquirrel "Och" Fonts.com ".

Lägga till en Google Fonts Font Wordpress

Typografi WordPress teckensnitt google

Google-teckensnitt är ett mycket stort bibliotek med gratis teckensnitt som du kan använda i flera projekt.
Allt du behöver göra är att komma åt " Google Fonts Och välj typsnitt som du väljer. Klicka sedan på " välj det här teckensnittet »En flik visas längst ned till höger på skärmen.

Google typsnitt typografi wordpress tutorial

Klicka på denna flik som expanderar som i bilden ovan. Du kommer att kunna anpassa stilen på typsnittet som ska inkluderas genom att klicka på skräddarsy. Du behöver bara välja den stil du vill se på din blogg.

Du bör sedan rulla ner till " Bädda ". Du måste då kopiera koden som finns i avsnittet " STANDARD ". Det är den här koden som du kan lägga till i " rubrik Av ditt barn tema.

Det är allt som finns att lägga till ett nytt Google-teckensnitt till din WordPress-blogg.

Hur man lägger till ett teckensnitt med hjälp av Typekit

Typografi WordPress-typsnitt typekit 2

Typekit är en annan gratis och premiumtjänst som erbjuder teckensnitt som du kan använda också i dina olika projekt. De erbjuder premiumabonnemang och gratisabonnemang.

Du behöver bara ha ett Typekit-konto och skapa ett nytt " utrustning ".

Typografi WordPress typsnitt typekit

Du måste sedan välja teckensnitt från Typekit-biblioteket och lägga till det i ditt projekt. Ta sedan tag i koden för ditt kit och lägg till den från instrumentpanelen.

Typografi WordPress-typsnitt typekit 1

För att lägga till den på instrumentpanelen behöver du helt enkelt installera och aktivera plugin " Typekit typsnitt för Wordpress ".

Efter aktivering behöver du helt enkelt komma åt " Inställningar> Typekit-teckensnitt Och klistra in koden från ditt kit i " Anpassad CSS-regler ".

typekit pasta-a-kit

Teckensnittet kan sedan användas på samma sätt, det vill säga genom att ange familjens namn för specifika element eller för hela dokumentet.

Hur man lägger till ett teckensnitt med hjälp av CSS3 (@ font-face)

Det mest direkta sättet att bädda in ett teckensnitt i din blogg är att lägga till det med "font-ansikten" via CSS3. Med den här metoden kan du lägga till vilken typ av typsnitt du vill ha på din blogg.

Det första du ska göra är att ladda ner teckensnittet du väljer i webbformat. Om du inte har det här teckensnittet i webbformat kan du konvertera det gratis på " FontSquirrel Webfont Generator ".

När du väl har filerna i formatet " webb », Du måste då skicka dem direkt till din server. Jag rekommenderar starkt att du lägger till den i " typsnitt Av ditt barntema med en FTP-klient (filezilla är min rekommendation).

Om du vill gå vidare i den här proceduren, se vår handledning om Hur man använder FTP på Windows 10

Låt oss gå tillbaka till vårt mål.

När det är klart kan du integrera teckensnittet så här:

integrations Police

För att använda den var som helst måste du helt enkelt definiera typsnittets namn som du angav i " bottom-face »Föregående (se värdet för attributet font-family ).

Använd code-font-face

Det var allt som fanns att veta om att använda CSS3-kod. Jag måste dock specificera att metoden med "font-face" -funktionen är mer lämplig för utvecklare.

Andra lösningar och verktyg används och rekommenderas för att hantera eller manipulera teckensnitt på din webbplats.

Upptäck också några premium WordPress-plugins  

Du kan använda andra Wordpress plugins för att ge ett modernt utseende och för att optimera hanteringen av din blogg eller hemsida.

Vi erbjuder dig här några premium WordPress-plugins som hjälper dig att göra det.

1. CommentPress

CommentPress är ett kraftfullt WordPress-kompakt plugin som låter dig infoga, redigera och ta bort kommentarer snabbt och enkelt. KommentarPress använder Ajax, jQuery och PHP för att ge besökarna möjlighet att infoga kommentarer utan att behöva ladda om sidan igen.

KommentarPress Ajax Kommentarer Infoga Redigera och ta bort kommentarer

Detta plugin har många anpassningsalternativ för att ge det utseendet och utseendet du vill ha. Den har en captcha för att blockera skräppost och ger din kommentarsektion mer säkerhet.

Dess huvudfunktioner är: enkel infogning av kommentarer, möjlighet för användare att svara på specifika kommentarer, paginering av kommentarer, fullständig hantering av administrationen av kommentarsektionen, knappar för enkel infogning av bilder, videor och länkar, en helt responsiv layout, en Captcha för att säkra formuläret och undvika skräppost och mycket mer.

Ladda ner | demo | webbhotell

2. Everest Gallery

Som namnet antyder är det toppen av Wordpress plugins fotogalleri premium. Detta ultraanpassningsbara verktyg låter dig skapa gallerier av vilken stil som helst på bara några minuter.

Everest Gallery Responsive WordPress Gallery Wordpress plugin

Everest Gallery kan användas för att visa upp artiklar, anpassade inläggstyper, anpassade taxonomier/kategorier, WooCommerce-produkter, personliga produkter, bildgallerier och bilagor, videor, produktfunktioner, kundutställningar, portföljer, teammedlemmar, skärmdumpar, etc ..., fullt lyhörd.

Everest Gallery kommer med full dokumentation och mer än 30-alternativ för att helt anpassa utseendet på galleriet. Med de tillgängliga anpassningsalternativen kan du använda detta Wordpress plugin att presentera allt enkelt och effektivt. 

Ladda ner | demo | webbhotell

3. WP Media Manager

WP Media Manager är en av de bästa och mest kraftfulla Wordpress plugins mediebiblioteksförvaltning. Det är bra på att hantera mappar och dess enkla användning låter dig organisera dina tusentals mediefiler.

WP Media Manager Det enklaste WordPress Media Manager-tillägget

Använd bara dra och släpp-metoden för att infoga mediefilerna i mappar / undermappar. Denna förmåga gör det inte bara möjligt för honom att förbättra filhanteringen utan också för honom att hantera mappar. Vilket i allmänhet är ett måste för nybörjare.

Ce Wordpress plugin har funktioner som att skapa mappar, filtrering av dessa, 3 magnifika responsiva gallerier, möjlighet att duplicera filer, skapa en obegränsad hierarki och många andra ...

Ladda ner | demo | webbhotell

Andra rekommenderade resurser

Gå vidare med att använda anpassade teckensnitt i WordPress genom att också konsultera länkarna eller rekommenderade resurser nedan.

Slutsats

Så ! Det var allt för den här handledningen om det bästa sättet att lägga till anpassade teckensnitt till WordPress. Om du har några förslag eller kommentarer är de välkomna.

Du kommer dock också att kunna konsultera vår medel, om du behöver fler element för att genomföra dina projekt för att skapa webbplatser, genom att konsultera vår guide om WordPress blogg skapande eller den på Divi: det bästa WordPress-temet genom tiderna.

Ntveka inte att dela den på din annan sociala nätverk. Om du har commentaires eller förslag, tveka inte att berätta för oss i avsnittet reserverat för dessa.