Gå till innehållet

Hur man skapar ett anpassat teckensnitt för din Wordpress blogg

Divi: det enklaste WordPress-temat att använda

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]

Med verktyg som " Google Fonts "Och" Typekit Som erbjuder tusentals olika teckensnitt, det finns nästan ett oändligt antal alternativ som gör att du kan välja ett bra teckensnitt för din blogg. Du är dock fortfarande bara begränsad till att välja ett teckensnitt som någon annan har skapat. Det finns olika anledningar till varför du vill skapa ditt eget teckensnitt.

Denna handledning visar dig steg för steg hur du skapar ditt eget teckensnitt. Vi kommer också att erbjuda förslag till några mindre tekniska alternativ samt mer avancerade alternativ. Men innan det förstår vi varför skulle du vilja skapa ett anpassat teckensnitt.

Varför skapa ett anpassat teckensnitt?

Skapandet av polisen kan bli mycket teknisk, vilket kostar dig tid och pengar (Det är därför du verkligen måste överväga allt innan du går in på detta äventyr). Den avsedda användningen av din policy hjälper dig att bestämma hur mycket tid och ekonomiska investeringar du behöver lägga för att utveckla denna policy.

Om det bara är för skojs skull kan ett grundläggande verktyg för skapande av teckensnitt som en handskriftkonverterare vara det du behöver. Om det är för ett specifikt projekt kanske du vill ta dig tid att lära dig några viktiga tekniker och också använda mer sofistikerad programvara. Det här är den väg vi har gått genom denna bit.

Slutligen, om du skapar ett teckensnitt som är avsett att användas av andra, kommer du troligen att behöva investera mycket mer tid i utvecklingsprocessen och spendera mycket mer pengar på professionell programvara.

Några grundläggande verktyg att börja

Innan vi dyker in i lektionen, låt oss ta en titt på några grundläggande verktyg för dem som bara vill njuta av att skapa ett anpassat teckensnitt. Dessa lösningar kan också vara en bra utgångspunkt för att bekanta sig med några av de tekniska aspekterna av teckensnittskapande:

  • PaintFont (gratis): Med den här tjänsten kan du förvandla dina skrifter till ett teckensnitt genom att fylla och skanna en mall.
  • FontStruct (gratis): Med FontStruct kan du skapa ditt eget typsnitt som använder geometriska former.
  • Fontself (49 $): Det här verktyget låter dig förvandla handskrivna bokstäver till teckensnitt på Adobe Illustrator och kommer snart att vara kompatibla med Adobe Photoshop.
  • Metaflop (gratis): Med det här verktyget kan du anpassa grundläggande teckensnitt genom att justera en enkel uppsättning inställningar.

skapande-of-font-Personlig-för din blogg

Nu har vi tittat på de enklaste alternativen för att skapa teckensnitt, vi kommer att gå till mer tekniska metoder.

Hur du skapar ditt eget teckensnitt (i 6 enkla steg)

Om du är lite mer seriös om att skapa ett unikt typsnitt och vill ha fler anpassningsalternativ finns det flera gratis verktyg att välja mellan. Innan vi kommer till själva programvaran finns det dock några inledande steg som vi överväger. Låt oss ta itu med varandra i tur och ordning.

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]

Steg # 1: Definiera en utsökt design

Detta är det viktigaste steget i processen att skapa teckensnittet. Som med alla designprojekt är det absolut nödvändigt att du beskriver dina mål i förväg. Här är några potentiellt viktiga frågor att ställa när du skapar ditt eget teckensnitt:

  • Är ditt teckensnitt för ett specifikt projekt, kommer det att användas av andra projekt?
  • Kommer appen att kräva en stor eller liten teckenstorlek?
  • Vill grundläggande typsnitt är Serif och Sans Serif?
  • Har du stött på teckensnitt som du kan använda för att inspirera dig?

När du har svar på dessa frågor kan du sedan planera utformningen av ditt teckensnitt.

Steg # 2: Börja på papper

Även om det kan vara frestande att gå direkt till din programvara, rekommenderar många professionella polishandledningar att det preliminära designarbetet görs på papper. Försök att skapa former som representerar en vision om hur ditt teckensnitt kan se ut. Denna uppgift är knappast möjlig på en dator.

Här är några användbara tips för att skapa pappersbokstäver:

  • Du behöver inte rita en fullständig teckenuppsättning - de mest rekommenderade bokstäverna är "H", "n", "o" och "y".
  • Markera på baslinjen och andra viktiga höga linjer att använda som en guide.
  • Titta på andra teckensnitt för att se var formerna upprepas i en teckenuppsättning.
  • Om du flyttar sidan istället för din hand kan du skapa jämnare kurvor.

skapande-of-font-shema

Steg # 3: Välj och installera din programvara

För typografidesign på medelnivå finns det ett antal gratisappar tillgängliga, och det är viktigt att veta vilken som passar dig bäst.

1 - FontForge

fontforge verktyg för skapande-of-typsnitt

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]

« fontforge Är en open source-teckensnittsredigerare med en enorm mängd dokumentation som hjälper dig genom designprocessen. Även om designgränssnittet i början kan vara lite skrämmande, blir FontForge därför ett kraftfullt verktyg för att skapa vackra anpassade teckensnitt när du väl är van vid det. Du kan börja från grunden med hjälp av tillgängliga verktyg eller ladda ner teckensnittsbilder för att använda som utgångspunkt.

2 - Birdfont

birdfont verktyg till create-a-polis

Birdfont är lite mer intuitivt än " fontforge Så det kan vara ett bättre alternativ för dem som vill komma igång snabbt. Precis som fontforge Du kan starta ditt teckensnitt från grunden med redigeraren eller ladda upp bilder som utgångspunkt. Även om det finns tutorials tillgängliga, “ Birdfont Har inte så många så djupa som FontForge. " Birdfont Är fritt att skapa policyer under SIL-licensen, men kräver en donation av 5 $ eller mer för kommersiellt bruk.

Steg # 4: Starta skapandet

När du har installerat din programvara är du redo att börja skapa ditt teckensnitt. Beroende på vilket program du väljer kan du börja om från början, ladda upp bilder av dina mönster till papper eller ladda upp en teckensnittsfil för att redigera den. När du har transformerat dina karaktärer kan du utöka den till att omfatta bokstäver, siffror och andra tecken.

Denna del av processen kan vara ganska lång eftersom varje programvara har sin egen inlärningskurva. Men när du väl har börjat vänja dig vid det, bör processen snabbas upp ganska snabbt. För att hjälpa dig att gå snabbt, här är några av de terminologier du behöver för att bekanta dig med:

  • glyfer: Varje enskilt tecken i ett teckensnitt betraktas som en glyph.
  • Baseline: Den osynliga raden som alla teckensnitt står på.
  • Stigande linje: Den osynliga linjen till vilken stigande börjar.
  • höjd stigande : Den vertikala linjens höjd uppåt på bokstäver som "h" och "k".
  • djup ränna: Djupet av den vertikala linjen nedåt på bokstäver som "p" och "y".
  • Stam: Den huvudsakliga vertikala linjen för en bokstav som "F" och "T".
  • Skål: Den slutna rundade delen av bokstäver som "b", "d" och "o".
  • Bezier Curve : En parametrisk formel som används för att modellera jämna evolutionära kurvor.

Vi repade knappt yta, men om du är någon som är intresserad av att skapa ett teckensnitt, visar det här diagrammet en del av teckensnittets anatomi som vi just pratade om:

anatomi-dune-polis

Steg # 5: Förfina din teckenuppsättning

Under processen att skapa ett teckensnitt är det enkelt att bara fokusera på de enskilda karaktärerna. Det är dock också viktigt att överväga hur teckensnittet kommer att visas när man förfinar det. Här är några tips som du kan tänka på när du förfinar din karaktärsuppsättning:

  • Var uppmärksam på bokstavsavstånd och teckning när du kombinerar en serie av dessa brev under processen.
  • Experimentera med olika storlekar för varje tecken, speciellt om applikationen som använder ditt teckensnitt väljer stora storlekar.
  • Skriv ut ditt arbete regelbundet under hela designprocessen, det är ofta lättare att upptäcka subtila misstag.

Just nu är du nästan där! Du har designat ditt teckensnitt, valt och uppnått vad du vill med din programvara, konverterat till digitalt format och förfinat till perfektion. Allt som återstår nu är att ladda ner det.

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]

Steg # 6: Ladda ner dina teckensnitt för WordPress

När du är klar med ditt anpassade teckensnitt vill du antagligen börja använda det. Om den avsedda användningen av ditt teckensnitt finns på din egen WordPress-webbplats finns det ett antal nedladdningsmetoder tillgängliga. Det enklaste är att använda ett teckensnitt-plugin, en av de mest populära är " Använd någon Font »:

Använd-någon-är-wordpress-plugin

Denna plugin konverterar automatiskt dina fontfiler, extraherar CSS-kod och integrerar den i filerna i ditt tema. Det stöder TTF-, OTF- och WOFF-tillägg, och när det har hämtats kommer font att vara tillgängligt för användning på WordPress. Detta plugin är gratis för en enda teckensnittkonvertering, men med en donation på 10 $ eller mer kommer du att kunna konvertera ett obegränsat antal.

Det är det för den här tutorialen. Jag hoppas att du kan skapa anpassade teckensnitt för din WordPress-blogg.

Denna artikel innehåller 1 kommentar

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
7 aktier
del2
tweet
Enregistrer5