WordPress-typsnitt kan tyckas en obetydlig detalj. Det finns trots allt WordPress-teman, färgscheman, bakgrundsbilder och blogglayouter att tänka på.

Vem har tid för typsnitt?

Medan att utforma en webbplats kan ta lång tid, är sanningen att alla webbplatsägare bör vara noga med vilka WordPress-typsnitt de använder för sin webbplats skriftliga text. Typsnitt är en viktig webbdesignsdetalj som påverkar din webbplats läsbarhet.

Rätt typsnittpar kan dessutom hjälpa dig att sticka ut från konkurrensen, öka konverteringar, och även öka varumärkeskännedom.

Men bara om du gör det rätt. Idag ska vi dyka in i vad WordPress-typsnitt är och hur du hittar de bästa för din WordPress-webbplats.

Vanligaste typsnittstilarna

De HTML-typsnitt du använder på din WordPress-webbplats säger något om ditt varumärke, oavsett om du vill att de ska det eller inte. Och även den minsta förändringen i ett WordPress-typsnitt kan förändra en besökares hela uppfattning om ditt företag.

Att förklara historien och psykologin bakom typsnitt skulle dock kräva sitt egen blogginlägg. Men för att ge dig en idé, är detta de fem stora typerna av typsnitt som du kanske vill använda på din webbplats:

1. Script

Exempel på Skript-typsnitt
Exempel på Skript-typsnitt (Bildkälla: Cadillac)

Skripter är snygga och kurviga, ungefär som kursiva typsnitt. Men de kommer i två olika kategorier: formell och vardagligt.

Formella skript är de snyggaste av dem alla. De efterliknar det vackra arbetet hos handskriftsmästarna på 1600- och 1700-talen. Och framför allt kommer typsnittsstilarna med överdådiga drag eller krull och dekorationer som sträcker sig bortom slutet av varje tecken.

Vardagligt skript ser mer ut som modern kalligrafiska typsnitt och är mer läsbara än formella skript, de är också alltid populär, och kommer aldrig att bli omoderna. Och de används bäst för logotyper med stora teckenstorlekar eftersom de kan vara svåra att läsa i stora mängder.

2. Display

Exempel på Display-typsnitt
Exempel på Display-typsnitt (bildkälla: Disney)

Display-typsnitt är kreativa, excentriska, och ser ofta ganska funkiga ut. De flödar över av personlighet och används för att fånga människors uppmärksamhet direkt.

De populariserades på 1800-talet och syntes ofta på vintage-skyltar, affischer och broschyrer. Du kommer att märka att många display-typsnitt, som Rockwell, kommer med vad som kallas slab seriffs. Med andra ord är dragen som sträcker sig bortom slutet av tecknen kantiga och tjocka.

Denna stil används bäst på rubriker eller stora meddelanden eftersom de inte har den bästa läsbarheten, särskilt online.

3. Modern

Exempel på moderna typsnitt
Exempel på moderna typsnitt (bildkälla: Vogue)

Moderna typsnitt är mycket strukturerade. De är professionella och ger ofta ett kallt och allvarlig intryck.

Många moderna typsnitt kommer med långa, tunna seriffer som sträcker sig bortom ändarna av varje tecken.

Dessutom har moderna typsnitt ingen lutning i bokstäverna eftersom de tenderar att fokusera på det vertikala läget. Du kommer också att märka att många av dessa typsnitt har varierande tjocklek för varje bokstav, vilket lägger till lite stil utan att förstöra användarupplevelsen.

Moderna typsnitt används bäst för rubriker och andra stora texter.

4. Serif

T Mobile logo
Exempel på Seriff-typsnitt (bildkälla: T-Mobile)

Seriff-typsnitt är de mest traditionella. De kommer med enkla markeringar, kallade seriffer, eller också klackar, som sträcker sig bortom slutet av varje tecken. Denna praxis går tillbaka till romerska tider när handskrivna bokstäver med förfiningar var vanliga.

Denna typsnitt-stil är den mest konservativa på vår lista. Det kommer också som ett av de mest betrodda typsnitten.

Du ser vanliga seriff-typsnitt, till exempel Times New Roman, förekomma i främst tryckta material. Även om vissa människor väljer detta typsnitt stil för sin webbplats brödtext, rekommenderas det inte eftersom seriffer kan vara svåra att läsa när det finns en hel del text. Det är dock användbart för stora rubriker och logotyper.

5. Sans Serif

Exempel på Sans seriff-typsnitt
Exempel på Sans seriff-typsnitt (bildkälla: Google)

Sans seriff-teckensnitt ses oftast online. De ser rena och moderna ut och saknar klackar eller seriffer som sträcker sig bortom slutet av varje tecken, vilket är vad namnet betyder; utan seriff. Faktum är att avsaknaden av seriffer är vad som gör denna typsnittsstil så tilltalande för ögat när den ses online.

Detta typsnitt blev populärt på tjugotalet och trettiotalet när allt skulle vara ståtligt och snyggt. Vissa människor kände till och med att denna typsnittsstil endast borde användas inom reklam eftersom de tyckte att det var olämpligt för andra material.

Numera ses dock sans seriff-typsnitt som Helvetica överallt.

Varför valet av WordPress-typsnitt spelar roll

Det perfekta typografin har många beståndsdelar. Till exempel, visuell hierarki, rutnät, kontrast, vitt utrymme, och storlek; allt spelar roll. Men om du inte väljer rätt typsnitt från början, kommer ingen av dessa andra saker att betyda något.

Ta en titt på några av de mest övertygande skäl till att typsnittsstil spelar roll för din WordPress-webbplats framgång:

  • Spelar en roll i din webbplats webbdesign och är viktig för användarupplevelsen.
  • Öka varumärkeskännedom och medvetenhet samtidigt som du får en chans att uttrycka lite personlighet.
  • Säkerställ läsbarhet och användbarhet för din webbplats och dess innehåll.
  • Upprätta hierarki i webbplatsens innehåll, särskilt blogginlägg.
  • Förstärk konsekvensen som besökare letar efter.
  • Visa ditt varumärke eller företag som professionell.
  • Guida besökare genom ditt innehåll med lätthet.

Som du kan se handlar typsnittsstil om mycket mer än att se bra ut. Det kan ha en betydande inverkan på din framgång som webbplatsägare och forma andras åsikter om ditt varumärke som helhet.

Så får du inspiration för din WordPress-webbplats.

Att välja rätt typsnitt för din WordPress-webbplats kan vara överväldigande eftersom det finns så många val där ute. Därför är det så viktigt att veta hur man hämtar inspiration.

Om du hittar en webbplats som använder ett typsnitt du älskar och vill lägga till på din egen webbplats, finns det ett snyggt litet knep för att ta reda på vilket typsnitt de använder.

Allt du behöver göra är att markera typsnittet du gillar och högerklicka på det. Välj Inspektera element.

Välja Inspektera Element
Välja Inspektera Element

Under sektionen Beräkna bläddrar du ner för att hitta typsnittsfamiljen och annan typsnittsinformation.

Välja typsnittsfamilj
Välja typsnittsfamilj

Om du råkar hitta ett bra typsnitt på en webbplats som du älskar men behöver lite hjälp att para ihop den med ett kompletterande typsnitt, kolla in Font Pair.

Font Pair
Font Pair

Denna gratis online-resurs hjälper dig att para ihop perfekta typsnitt som kommer att se sömlösa ut tillsammans på din webbplats. Här kan du visa typsnittspar, ladda ner typsnittspar och till och med se typsnittspar ”i det vilda”. Detta kommer att ge dig en god idé om typsnittsparet du är intresserad av kommer att fungera för din webbplats.

Varför du bör använda anpassade typsnitt i WordPress

Typografi kan ha en kraftfull effekt på dina besökare. Och målet för varje webbplatsägare är att lämna ett bestående intryck på alla besökare. När allt kommer omkring, det är så du bygger varumärkeskännedom och konverterar fler leads och försäljningar.

Inte övertygad om detta är sant? Låt forskningen tala för sig själv:

En studie utförd av två forskare fann att när de fick en uppsättning instruktioner, en i ett enkelt typsnitt och den andra i ett komplext typsnitt, avslutade gruppen personer med det enkla typsnittet uppgiften på 8,2 minuter. Den andra gruppen tog 15,1 minuter att slutföra exakt samma uppgift. Med andra ord gav det enkla typsnittet intrycket att uppgiften var lättare än uppgiften i ett komplext typsnitt.

Samma forskare utförde en annan studie där de gav en grupp människor en meny med en enkel typsnittsstil och en annan grupp en meny med en elegant typsnittsstil. Forskarna fann att gruppen med den eleganta typsnittsmenyn trodde att kocken skulle ha mer avancerade färdigheter än kocken som lagade mat på menyn med det enkla typsnittet.

Ett annat experiment avgjorde att människor är mer eller mindre benägna att tro att ett uttalande är sant beroende på vilken typ av typsnitt som används.

Människor fick uttalandet ”guld har ett atomnummer på 79,” i följande typsnitt:

  • Baskerville
  • Comic Sans
  • Computer Modern
  • Georgia
  • Helvetica
  • Trebuchet

I slutändan höll de flesta personerna med uttalandet när det skrevs i Baskerville. Som det mest formella och akademiska typsnittsstilen i listan gjorde Baskerville det bästa jobbet för att övertyga människor om att ett sant uttalande verkligen var sant.

Så, vad betyder allt detta, frågar du?

Det innebär att ditt val av typsnitt kan avgöra om besökare stannar kvar och ser vad du har att erbjuda. Din webbplats typsnitt kommer dessutom att hjälpa (eller stjälpa) dina chanser att övertyga människor du är ett pålitligt varumärke värt att göra affärer med.

Så, medan det är bra att välja ett anpassat WordPress-typsnitt för att skilja dig från konkurrensen, är det ännu bättre att göra det med förståelsen att typsnittsvalet handlar om mycket mer än webbdesign och visuell lockelse.

Var du hittar anpassade WordPress-typsnitt

Individuellt anpassade WordPress-typsnitt brukade vara mycket dyra. Så, att ändra din typsnittstil var inte en lätt sak att göra om du inte hade en massa pengar.

Men nuförtiden är premiumtypsnittstilar mycket billigare. Ovanpå det finns det massor av riktigt snygga webbtypsnitt som du kan använda på din webbplats och ditt marknadsföringsmaterial.

Låt oss ta en titt på var du kan hitta de bästa anpassade WordPress-typsnitten:

Google Fonts

Google Fonts
Google Fonts

Google Fonts är det bästa stället att hitta och anpassa dina egna typsnitt gratis! På webbplatsen kan du testa ett typsnitt du gillar i meningar, stycken eller siffror för att få en känsla för hur det kommer att se ut på din webbplats.

Dessutom kan du ändra pixelstorleken, anpassa typsnittet till fet, kursiv, lätt/medium, etc. och även ändra färger på Google Fonts plattform. Sedan, när du bestämmer dig för ett typsnitt, är allt du behöver göra att bädda in det i din hemsida genom att kopiera en enkel kod. Här är vår djupgående guide om hur man ändrar typsnitt i WordPress.

1001 Free Fonts

1001 Free Fonts
1001 Free Fonts

1001 Free Fonts kan faktiskt stoltsera med imponerande 10 000 gratis typsnitt som är organiserade alfabetiskt som kategorier för att göra det lätt som en plätt att hitta det perfekta typsnittet. Till exempel kan du klicka på elegant, kalligrafi, prickade eller pensel-kategorin för att begränsa din sökning.

När du hittar ett typsnitt du älskar kan du ladda ner det gratis eller göra en donation till designern så att du kan använda typsnittet för kommersiella användningsområden.

Font Freak

Font Freak
Font Freak

Font Freak har över 9 000 gratis typsnitt och tusentals fler premium sådana, så att hitta ett som passar din WordPress-webbplats bör inte vara ett problem. Mer än 400 designers skickar in sitt kreativa arbete till Font Freak, så det finns alltid nya typsnitt att kika på.

Och en av de bästa sakerna med Font Freak är att det finns både PC och Mac-versioner. Slutligen kan du bygga och redigera dina egna typsnitt med hjälp av Font Freaks typsnittsredigerare och programvara.

Fontspace

FontSpace

Fontspace har över 61 000 gratis typsnitt som kan användas på alla projekt. De är organiserade i populära kategorier eller efter stil, så att hitta den exakta typen av typsnitt du behöver är lätt.

Designers från hela världen bidrar till Fontspace och märker sitt arbete som tillgängligt för kommersiellt eller personligt bruk. För att hjälpa dig att fatta ett välgrundat beslut, innehåller Fontspace också typsnittsbetyg och länkar till designers och deras arbete så att du kan begränsa din sökning efter det perfekta typsnittet ännu mer.

Tänk på att använda dessa tredjeparts typsnittstjänster är bra, men att det finns vissa fördelar med att hosta lokala typsnitt i WordPress. När du hostar dina typsnitt lokalt lagrar du dem på din egen server istället för att länka till en extern tillgång.

En av de största fördelarna med att göra detta är att du aldrig behöver lita på att servrarna till en tredje parts typsnittstjänst ska vara igång. När allt kommer omkring, om deras server går ner, finns det en hög chans att din webbplats typsnitt kommer att påverkas.

Sammanfattning

Typsnittsstilen är en central del av din WordPress-webbplats design vare sig du gillar det eller inte. De typsnitt du använder kommer att förmedla ett visst meddelande till besökare och slutligen påverka om de stannar kvar, läser ditt innehåll, eller till och med konverterar.

Lyckligtvis finns det många ställen att hitta det perfekta, unika typsnittet för just ditt varumärke. Så gå ut och hitta ett anpassat typsnitt du älskar och lägg till det på din WordPress-webbplats.

Behöver du ett enkelt sätt att lägga till ikontypsnitt till din WordPress-webbplats.? Kolla in det här detaljerade inlägget om hur du använder WordPress-ikontypsnitt på rätt sätt och börja lägga till högupplösta ikoner till din webbplats som är lätta att skala och som besökare älskar.

Brenda Barron

Brenda Barron is a journalist and copywriter from California. She contributes to sites like WPMU DEV, Envato, and Torque.