Miután meghatároztuk a felhasználandó fontokat, sor kerülhet azok megjelenési adottságainak beállítására. A stílust a font-style segítségével tudjuk beállítani. Értékei:
| Érték | Leírás |
| normal: | A fontok alapértelmezett stílusa. Ez általában az álló, normál betűalak: csak néhány font tartalmaz eleve dőlt karaktereket, jobbára a kézírást utánzó betűtípusok. |
| italic: | A fontkészletben lévő szabályos dőlt betű, amelyet tervezők készítenek el, figyelembe véve és kiküszöbölve a dőlésből eredő torzulásokat, aránytalanságokat. Egyes betűk formája jelentősen eltérhet a normál és dőlt változatban, pl.: a és a, f és f stb. |
| oblique: | A számítógép által mesterségesen létrehozott alak, amely az álló betűk megdöntésével, mindenféle korrekció nélkül jön létre. |
A forráskód részlet:
<p style="font-style: normal;">
Ez a szöveg normál stílussal készült (alapértelmezés).</p>
<p style="font-style: italic;">
Ez a szöveg dölt - italic stílussal készült.</p>
<p style="font-style: oblique;">
Ez a szöveg generált dőlt - oblique stílussal készült.</p>
Az eredmény:
Ez a szöveg normál stílussal készült (alapértelmezés).
Ez a szöveg dölt - italic stílussal készült.
Ez a szöveg generált dőlt - oblique stílussal készült.
A font-variant használatával a normál és kiskapitális alakok közül választhatunk. Ennek megfelelően két értéket vehet fel:
| Érték | Leírás |
| normal: | normál betűalak |
| small-caps: | kiskapitális változat |
A kiskapitális forma hagyományos eleme a tipográfiának. A mondatkezdő betű normal nagybetű, a többi kisebb méretű nagybetűt jelent, kicsit megváltozott arányokkal. Kiemelésre használhatjuk.
Megjegyzés:A font-variant tulajdonság csak olyan fontokra van hatással, amelyek megkülönböztetnek kis és nagybetűket, mint pl. a latin írás.A kis- és nagybetű közötti különbség nem a méreten alapul: a nagybetűk – ékezetek és mellékjelek nélkül – két vízszintes segédvonal közé írhatóak, míg a kisbetűs ábécéhez a fel- és lelógó betűszárak miatt négy segédvonalra van szükség.
A forráskód részlet:
<p style="font-variant: normal;">
Ez a szöveg normál stílussal készült (alapértelmezés).</p>
<p style="font-variant: small-caps;">
Ez a szöveg kiskapitális - small-caps stílussal készült.</p>
Az eredmény:
Ez a szöveg normál stílussal készült (alapértelmezés).
Ez a szöveg kiskapitális - small-caps stílussal készült.