CSS typsnittsstil

Teckensnittsstil

font-style Egenskapen används huvudsakligen för att specificera kursiv text.

Denna egenskap kan ställa in tre värden:

  • normal - Text visas normalt
  • italic - Text visas i kursiv stil
  • oblique - Text som är 'inklinerad' (inklinerad liknar mycket kursiv, men stöder mindre)

Exempel

p.normal {
  font-style: normal;
}
p.italic {
  font-style: italic;
}
p.oblique {
  font-style: oblique;
}

Prova själv

Tecken tygelskhet

font-weight Egenskapen specificerar textens tygelskhet:

Exempel

p.normal {
  font-weight: normal;
}
p.thick {
  font-weight: bold;
}

Prova själv

Teckenvarianter

font-variant Egenskapen specificerar om texten ska visas med small-caps-tecken (minsta stora bokstäver).

I small-caps-tecknen kommer alla små bokstäver att omvandlas till stora bokstäver. Men, storleken på de omvandlade stora bokstäverna är mindre än storleken på de ursprungliga stora bokstäverna i texten.

Exempel

p.normal {
  font-variant: normal;
}
p.small {
  font-variant: small-caps;
}

Prova själv