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;
}