Kort svar: välj ett välgjort, lättläst typsnitt och använd högst två olika på sajten. Sätt brödtexten till minst 16 pixlar, ge raderna gott om luft och se till att kontrasten mot bakgrunden är stark. Typografi som är lätt att läsa upplevs automatiskt som mer trovärdig.

Varför påverkar typsnittet förtroendet?

När någon landar på din sajt bildar de sig en uppfattning på bråkdelar av en sekund – långt innan de läst en enda mening. Typsnittet är en stor del av det första intrycket. Ett rörigt eller svårläst typsnitt får sidan att kännas amatörmässig, även om innehållet är förstklassigt. Ett tydligt typsnitt signalerar omsorg och seriositet.

Jag heter Olivia och jobbar med webb varje dag. Det jag ser om och om igen är att företag lägger månader på sitt innehåll men några minuter på typografin – fast det är typografin besökaren faktiskt möter först.

Vad är skillnaden på serif och sans-serif?

De två stora familjerna av typsnitt heter serif och sans-serif. Skillnaden är enkel:

  • Serif har små "fötter" eller klackar i ändarna på bokstäverna, som i Times New Roman eller Georgia. De känns klassiska och förtroendeingivande, och används ofta av advokatbyråer, banker och tidningar.
  • Sans-serif saknar dessa klackar ("sans" betyder utan på franska), som i Arial, Helvetica eller Inter. De känns moderna, rena och är extra lättlästa på skärm.

Det finns inget rätt eller fel – det handlar om vilken känsla du vill förmedla. En techbyrå väljer ofta sans-serif, en traditionell rådgivare kanske en serif. För brödtext på webben är sans-serif oftast det säkraste valet eftersom det håller sig skarpt även på mindre skärmar.

Hur många typsnitt bör jag använda?

Ett eller två. Inte fler. Ett vanligt och effektivt upplägg är att använda ett typsnitt för rubriker och ett för brödtext – det skapar tydlig hierarki utan att se rörigt ut. Vill du hålla det ännu enklare räcker ett enda typsnitt med olika tjocklekar (vikt), till exempel tjockt för rubriker och normalt för text.

Att blanda tre eller fyra typsnitt är det snabbaste sättet att få en sajt att se ostrukturerad ut. Mindre är nästan alltid mer i typografi.

Vilken textstorlek och radavstånd ska jag ha?

Det här är där flest gör fel, och det är enkelt att rätta till:

  • Brödtext minst 16 pixlar. Gärna 17–18 pixlar. Mindre än så och besökaren kisar, särskilt på mobil.
  • Radavstånd (line-height) runt 1,5. Det betyder att avståndet mellan raderna är 1,5 gånger textens höjd. Luft mellan raderna gör texten mycket lättare att läsa.
  • Radlängd 50–75 tecken. Blir raderna för långa tappar ögat bort var nästa rad börjar. Begränsa textbredden så att raderna inte sträcker sig över hela skärmen.

Hur viktig är kontrast?

Mycket. Kontrast är skillnaden i ljushet mellan texten och bakgrunden. Ljusgrå text på vit bakgrund kan se elegant ut i en designskiss, men blir svårläst för många – särskilt äldre besökare och personer med nedsatt syn. Använd mörk text på ljus bakgrund, eller tvärtom. Det finns gratisverktyg (sök på "contrast checker") där du klistrar in dina två färger och får veta om kontrasten räcker enligt tillgänglighetsstandarden WCAG.

Påverkar typsnittet sajtens hastighet?

Ja, lite. Varje typsnitt du laddar in är en fil som ska hämtas. Laddar du fem olika typsnitt i tio olika tjocklekar blir det tungt. Håll dig till de vikter du faktiskt använder, och välj typsnitt som finns hos tjänster som Google Fonts, så sköts inläsningen smidigt. Ett bra system-typsnitt (de som redan finns i besökarens enhet) laddar dessutom direkt utan väntan.

Min enkla checklista

  1. Välj ett eller två typsnitt – inte fler.
  2. Sans-serif för brödtext om du är osäker.
  3. Brödtext minst 16 pixlar, radavstånd runt 1,5.
  4. Begränsa radlängden till 50–75 tecken.
  5. Kontrollera kontrasten med ett gratisverktyg.
  6. Ladda bara de typsnittsvikter du använder.

Vill du ha en sajt som känns proffsig direkt?

Typografi är en av de detaljer som avgör om en besökare litar på dig eller klickar bort. På ZORC bygger vi webbplatser där typografin är genomtänkt från grunden – läsbar, tillgänglig och anpassad efter din verksamhets ton. Vill du ha hjälp att få din sajt att kännas lika genomtänkt som ditt erbjudande? Hör av dig till ZORC, så tittar vi på din typografi tillsammans.