user Created with Sketch.
Group 2 Created with Sketch.

Typsnittsguide

Vad ska man tänka på när man väljer typsnitt?

Typsnitt, även kallat teckensnitt eller font, är en stor del av det som skapar känslan i din webbshop – på gott och ont. Det kan lätt hända att det blir ett störningsmoment snarare än ett verktyg för att förhöja kundens upplevelse, men lyckas man pricka rätt kan det göra mycket för shoppens helhet. Så hur ska man tänka?

Olika typsnitt har olika användningsområden. Första steget till att välja typsnitt är att fråga dig själv vilken känsla du vill att din butik ska förmedla; säljer du fotbollstillbehör kanske du vill ha ett sportigare typsnitt och om butiken inriktar sig på barnkläder vill du nog välja ett som är lite mjukare. Vilket typsnitt du än väljer, se till att det är läsbart!

Tekniskt sett finns det inga rätt och fel i typsnittsvärlden, men när det gäller läsbarhet så finns det några saker som kan vara bra att tänka på – textstorlek är en av dem. Vi rekommenderar en brödtext på minst 16px. Mindre än så kan göra texten svårläst. Rubriker är mer flexibla; prova dig gärna fram med olika storlekar, tjocklek, lutning och färg.

Användbara termer

Serifer är de små fötter eller hattar som smyckar typsnittets tecken. Serif-typsnitt ses ofta som klassiska och eleganta. Två av de vanligaste i kategorin är Times New Roman och Baskerville.

"Sans" betyder "utan" på franska. Ett sans serif-typsnitt är alltså ett enkelt typsnitt utan krusiduller. Ses ofta som mer modernt än serif-typsnitt. Du känner säkert igen Helvetica och Futura.

Skripter efterliknar handskriven text.

 

Extremer, eller fantasistilar, lämpar sig bäst som logotyper. Man brukar undvika att använda extremer som brödtext då texten blir mer eller mindre oläsbar i större mängd.

Våga använda kontraster

Att kombinera olika typsnitt kan verka läskigt, men det kan göra ett stort intryck. Vill du börja enkelt så är ett förslag att använda en serif till rubriker och ett sans serif-typsnitt till brödtexten. Bestämmer du dig för att använda samma typsnitt över hela sidan kan du till exempel göra rubrikerna i fetstil med en färg som ingår i butikens grafiska profil.

På engelska finns det ett uttryck som lyder "contrast, not conflict" (kontrast, inte konflikt). Ha det i åtanke när du väljer dina typsnitt. Glöm inte känslan som du kom fram till i början; om du bestämmer dig för att använda två olika typsnitt, se till att de förmedlar samma känsla.

Exempel