Својство font-family

Својство font-family поставља тип фонтa.

Синтакса

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

Напомена

Ако у имену фонтa садржи размаке, на пример, Times New Roman, оно мора бити заврнуто у једноструке или двоструке наводнике.

Напомена

Може се набрајати више сличних фонтова преко зареза. Када прегледач наиђе на први фонт у листи, он проверава његово присуство на рачунару корисника. Ако таквог фонта нема, узима се следећи фонт из листе и такође се анализира на присуство. Зато неколико фонтова повећава вероватноћу да ће бар један од њих бити откривен на клијентском рачунару.

Листу обично завршавају кључном речју, која описује тип фонтa (сви фонтови припадају неком типу) - 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;
}