Хусусияти font-family

Хусусияти font-family навъи ҳарфро таъин мекунад.

Синтаксис

интихобкунанда {
	font-family: номи ҳарф;
}

Тавзеҳ

Агар дар номи ҳарф фосилаҳо бошад, масалан, Times New Roman, он бояд дар қошуқҳои ягона ё дугона гирифта шавад.

Тавзеҳ

Метавонад чанд ҳарфи монандро ба воситаи вергул феҳрист кунад. Вақте ки браузер аввалин ҳарфро дар феҳрист дучор мешавад, он вуҷуддошташро дар компютери корбар тафтиш мекунад. Агар чунин ҳарф вуҷуд надошта бошад, ҳарфи оянда аз феҳрист гирифта мешавад ва ҳамчунин баррасӣ барои мавҷудияти таҳлил карда мешавад. Аз ин рӯ, чанд ҳарф эҳтимолияти онро зиёд мекунад, ки ҳадди ақал якто аз онҳо дар компютери клиентӣ кашф карда шавад.

Феҳристро одатан бо калимаи калидӣ ба итмом мерасонанд, ки навъи ҳарфро тавсиф мекунад (ҳама ҳарфҳо ба ягон навъ мансубанд) - serif, sans-serif, cursive, fantasy ё monospace. Агар браузер ягонеро аз ҳарфҳои нишондодашуда дар компютери корбар наёбад, он гоҳ якеро аз ҳарфҳои навъи нишондодашуда интихоб мекунад.

Навъҳои ҳарф

Навъ	Тавсиф
`serif`	Ҳарф бо серраҳо.
`sans-serif`	Ҳарф бе серраҳо.
`cursive`	Ҳарфи курсивӣ.
`fantasy`	Ҳарфи ороишӣ бо серраҳои зебо ва таъсироти ғайриоддӣ.
`monospace`	Ҳарфи якоҳаҷм, ки паҳнои ҳар як аломат дар он якхела аст.

Қимати пешфарз: ҳарфе, ки дар браузер пешфарз насб карда шудааст. Одатан ин Times New Roman аст.

Намуна

Ба ҳарф оилаи Arial таъин кунем:

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

p {
	font-family: Arial;
}

Намуна

Ба ҳарф оилаи Times New Roman таъин кунем. Азбаски номи ҳарф аз якчанд калима иборат аст, пас онро ба қошуқ мегирем:

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

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

Намуна

Ба ҳарф ҳарфе аз гурӯҳи serif таъин кунем (эҳтимолан Times New Roman гирифта мешавад):

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

p {
	font-family: serif;
}

Намуна

Ба ҳарф ҳарфе аз гурӯҳи sans-serif таъин кунем (эҳтимолан Arial гирифта мешавад):

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

p {
	font-family: sans-serif;
}

Намуна

Ба ҳарф ҳарфе аз гурӯҳи fantasy таъин кунем (дар шумо метавонад амал накунад аз сабаби набудани чунин ҳарф):

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

p {
	font-family: fantasy;
}

Намуна

Ба ҳарф ҳарфе аз гурӯҳи monospace таъин кунем (ҳарфҳо ба андозаи якхела мешаванд):

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

p {
	font-family: monospace;
}