Font-family xüsusiyyəti

font-family xüsusiyyəti şriftin növünü təyin edir.

Sintaksis

selektor {
	font-family: şriftin adı;
}

Qeyd

Əgər şriftin adında boşluq varsa, məsələn, Times New Roman, o tək və ya cüt dırnaq içərisinə alınmalıdır.

Qeyd

Vergüllə ayırmaqla bir neçə oxşar şrifti sadalamaq olar. Brauzer siyahıdakı ilk şriftə rast gəldikdə, onun istifadəçinin kompüterində olub-olmadığını yoxlayır. Əgər belə bir şrift yoxdursa, siyahıdan növbəti şrift götürülür və onun da olması yoxlanılır. Buna görə də bir neçə şrift göstərmək, ən azı birinin müştəri kompüterində tapılma ehtimalını artırır.

Siyahı adətən şriftin növünü təsvir edən açar sözlə, serif, sans-serif, cursive, fantasy ya monospace ilə bitir. Əgər brauzer istifadəçinin kompüterində göstərilən şriftlərdən heç birini tapmasa, onda göstərilən növdən bir şrift seçəcək.

Şrift növləri

Növ	Təsvir
`serif`	Qıvrımlı şrift.
`sans-serif`	Qıvrımsız şrift.
`cursive`	Əyri şrift.
`fantasy`	Gözəl burmaları və qeyri-adi effektləri olan dekorativ şrift.
`monospace`	Hər bir simvolun eni eyni olan monoşrift.

Standart dəyər: brauzerdə standart olaraq təyin edilmiş şrift. Adətən bu Times New Roman olur.

Nümunə

Şriftə Arial ailəsini təyin edək:

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

p {
	font-family: Arial;
}

Nümunə

Şriftə Times New Roman ailəsini təyin edək. Şriftin adı bir neçə sözdən ibarət olduğu üçün onu dırnaq içərisinə alırıq:

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

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

Nümunə

Şriftə serif qrupundan bir şrift təyin edək (çox güman ki, Times New Roman götürüləcək):

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

p {
	font-family: serif;
}

Nümunə

Şriftə sans-serif qrupundan bir şrift təyin edək (çox güman ki, Arial götürüləcək):

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

p {
	font-family: sans-serif;
}

Nümunə

Şriftə fantasy qrupundan bir şrift təyin edək (sizdə belə bir şrift olmaması səbəbindən işləməyə bilər):

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

p {
	font-family: fantasy;
}

Nümunə

Şriftə monospace qrupundan bir şrift təyin edək (hərflər eyni ölçüdə olacaq):

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

p {
	font-family: monospace;
}