Styl definiuje rodzaj oraz rodzinę czcionek. Można podać tylko nazwę, tylko rodzinę, albo jedno i drugie, co jest rozwiązaniem najlepszym. W przypadku gdy wskazanej czcionki nie ma w systemie, na stronie pojawi się czcionka podobna z podanej rodziny.

WARTOŚCI

nazwa - CSS: 2.1, 2.0, 1.0

rodzaj czcionki, np. font-family: Arial;

serif | sans-serif | cursive | fantasy | monospace - CSS: 2.1, 2.0, 1.0

rodzina czcionki, np. font-family: sans-serif;

inherit - CSS: 2.1, 2.0

przejęcie wartości "rodzica", np. font-family: inherit;

 

CSS: 2.1, 2.0, 1.0

Przykład 1:

Przykładowy tekst, w którym
<span style="font-family: Verdana, Arial, Helvetica, sans-serif;">
część wyrazów napisana jest inną czcionką</span>.
A teraz znowu zwykły tekst.

Przykładowy tekst, w którym część wyrazów napisana jest inną czcionką. A teraz znowu zwykły tekst.

Przykład 2:

<style type="text/css"><!--
body { font-family: verdana, arial, helvetica, sans-serif; }
.cour { font-family: courier; }
--></style>