Уласцівасць 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;
}