Свойство font-family

Свойство font-family шрифт туріни белгилайди.

Синтаксис

селектор {
	font-family: шрифт номи;
}

Эътибор

Агар шрифт номида бош joyлар бўлса, масалан, 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;
}