Font-family eienskap

Die eienskap font-family stel die lettertipe in.

Sintaksis

selekteerder {
	font-family: lettertipe naam;
}

Opmerking

As die lettertipe naam spasies bevat, byvoorbeeld, Times New Roman, moet dit tussen enkele of dubbelde aanhalingstekens geplaas word.

Opmerking

Jy kan 'n paar soortgelyke lettertipes lys deur kommas te gebruik. Wanneer die blaaier die eerste lettertipe in die lys teëkom, toets hy of dit op die gebruiker se rekenaar teenwoordig is. As so 'n lettertipe nie daar is nie, word die volgende lettertipe in die lys geneem en ook geanaliseer vir teenwoordigheid. Dus verhoog verskeie lettertipes die waarskynlikheid dat ten minste een van hulle op die kliëntrekenaar gevind sal word.

Die lys word gewoonlik beëindig met 'n sleutelwoord, wat die tipe lettertipe beskryf (alle lettertipes behoort aan een of ander tipe) - serif, sans-serif, cursive, fantasy of monospace. As die blaaier nie een van die gespesifiseerde lettertipes op die gebruiker se rekenaar kan vind nie, sal hy een van die lettertipes van die gespesifiseerde tipe kies.

Lettertipe tipes

Tipe	Beskrywing
`serif`	Lettertipe met serifs (skreefstokkies).
`sans-serif`	Lettertipe sonder serifs (skreefstokkies).
`cursive`	Kursiewe lettertipe.
`fantasy`	Decoratiewe lettertipe met mooi krulletters en ongewone effekte.
`monospace`	Monospasie lettertipe, waar die wydte van elke karakter dieselfde is.

Verstekwaarde: die lettertipe wat verstek in die blaaier ingestel is. Gewoonlik is dit Times New Roman.

Voorbeeld

Laat ons die lettertipe die familie Arial toewys:

<p>
	Lorem ipsum dolor sit amet.
</p>

p {
	font-family: Arial;
}

Voorbeeld

Laat ons die lettertipe die familie Times New Roman toewys. Aangesien die lettertienaam uit verskeie woorde bestaan, plaas ons dit tussen aanhalingstekens:

<p>
	Lorem ipsum dolor sit amet.
</p>

p {
	font-family: "Times New Roman";
}

Voorbeeld

Laat ons die lettertipe 'n lettertipe uit die groep serif toewys (waarskynlik sal Times New Roman geneem word):

<p>
	Lorem ipsum dolor sit amet.
</p>

p {
	font-family: serif;
}

Voorbeeld

Laat ons die lettertipe 'n lettertipe uit die groep sans-serif toewys (waarskynlik sal Arial geneem word):

<p>
	Lorem ipsum dolor sit amet.
</p>

p {
	font-family: sans-serif;
}

Voorbeeld

Laat ons die lettertipe 'n lettertipe uit die groep fantasy toewys (dit mag dalk nie werk nie as gevolg van die afwesigheid van so 'n lettertipe):

<p>
	Lorem ipsum dolor sit amet.
</p>

p {
	font-family: fantasy;
}

Voorbeeld

Laat ons die lettertipe 'n lettertipe uit die groep monospace toewys (letters sal ewe groot word):

<p>
	Lorem ipsum dolor sit amet.
</p>

p {
	font-family: monospace;
}