Gå till innehållet

Hur man lägga till egna typsnitt på Wordpress

Divi: det enklaste WordPress-temat att använda

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. [Rekommenderas]

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.

Att använda anpassade teckensnitt i WordPress-teman har blivit vanligt. Faktum är att det finns flera WordPress-teman som erbjuder flera teckensnitt att välja mellan. Att ladda alla dessa teckensnitt samtidigt kan dock sakta ner laddningen av en sida avsevärt.

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å den här fliken som expanderar som i bilden ovan. Du kan anpassa stilen på teckensnittet som ska inkluderas genom att klicka 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

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.Typografi WordPress-typsnitt typekit 2

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

Typografi WordPress typsnitt typekit

Skapa enkelt din webbplats med Elementor

Med Elementor kan du enkelt skapa en webbdesign med ett professionellt utseende. Sluta betala dyra för vad du kan göra själv. [Fritt]

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 ).

Letar du efter de bästa WordPress-teman och plugins?

Ladda ner de bästa plugins och WordPress-teman på Envato och enkelt skapa din webbplats. Redan mer än 49.720.000-nedladdningar. [EXKLUSIV]

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 optimera greppet på din blogg eller webbplats.

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

Denna plugin har många anpassningsalternativ och ger slutligen det utseende och känsla du vill ha. Den har en captcha för att blockera skräppost och ger ditt kommentaravsnitt 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 detta toppen av WordPress-fotogalleri-plugins. 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 presentera artiklar, typer av personliga publikationer, 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 tillgängliga anpassningsalternativ kan du använda detta WordPress-plugin för 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 plugin-programmen för WordPress-mediebibliotekhantering. Det är utmärkt för hantering av mappar och dess användarvänlighet gör att du kan organisera dina tusentals mediefiler.

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

Använd drag-och-släpp-metoden för att infoga mediefiler i mappar / undermappar.Denna möjlighet förbättrar inte bara filhanteringen utan gör att du också kan hantera mappar. Detta är vanligtvis ett måste för nybörjare.

Detta WordPress-plugin har funktioner som att skapa mappar, filtrera dem, 3 vackra responsiva gallerier, möjligheten att duplicera filer, skapa en obegränsad hierarki och många fler ...

Skapa enkelt din webbutik

Ladda ner gratis WooCommerce, de bästa e-handelspluggarna för att sälja dina fysiska och digitala produkter på WordPress. [Rekommenderas]

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

Här! Det är det för denna handledning 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 särskilt att dela det på dina olika sociala nätverk. Om du har commentaires eller förslag, tveka inte att berätta för oss i avsnittet reserverat för dessa.

Den här artikeln innehåller kommentarer 0

Lämna en kommentar

Din e-postadress kommer inte att publiceras. Obligatoriska fält är markerade *

Den här webbplatsen använder Akismet för att minska oönskade. Läs mer om hur dina kommentarer data används.

Tillbaka till toppen
10 aktier
del6
tweet
Enregistrer4