CSS Tutorial

Typsnitt - Font

Typsnittsfamiljer

Typsnittsfamiljer är grupper av typsnitt med liknande utseende. De kan innehålla olika varianter, som:

  • Serif: Typsnitt med små linjer eller "klackar" i slutet av strecken.
  • Sans-serif: Typsnitt utan serif.

Typsnittsstorlekar

Typsnittsstorleken anges i punkter (pt). En punkt är ungefär lika med 1/72 tum. Vanliga typsnittsstorlekar för webben är:

  • 12pt - Löpande text
  • 14pt - Rubriker
  • 18pt - Titel

Typsnittsvikter

Typsnittsvikten mäter tjockleken på ett typsnitt. Vanliga typsnittsvikter är:

  • Normal
  • Fet
  • Ultralätt

Typsnittsstilar

Typsnittsstilar anger om typsnittet är:

  • Normal
  • Kursiv
  • Versaler (versaler)

CSS-exempel

För att styra typsnittsfamilj, storlek, vikt och stil i CSS, använd följande egenskaper:

font-family: Arial, sans-serif;
font-size: 14pt;
font-weight: bold;
font-style: italic;

Tillgänglighet och användarvänlighet

  • Kontrast: Använd typsnitt med tillräcklig kontrast mot bakgrunden för att säkerställa läsbarhet.
  • Typsnittsstorlek: Välj typsnittsstorlekar som är lätta att läsa, särskilt för personer med synnedsättning.
  • Typsnittsval: Använd typsnitt som är lätta att läsa, såsom sans-serif-typsnitt. Undvik typsnitt som är för dekorativa eller svåra att tyda.