Font-family häsiýeti

font-family häsiýeti ýazgynyň tipini belleýär.

Sintaksis

selektor {
	font-family: ýazgynyň ady;
}

Bellik

Eger ýazgynyň adynda boşluklar bar bolsa, meselem, Times New Roman, ol ýekeje ýa-da goşa dyrnak belgileri içine alynmaly.

Bellik

Birnäçe meňzeş ýazgylary orta çyzyk bilen sanawlap bilersiňiz. Brauzer sanawdaky birinji ýazgyny duşanymyzda, ol ony ulanyjy kompýuterindeň bar ýa-da ýokdugyny barlar. Eger şeýle ýazgy ýok bolsa, sanawdaky indiki ýazgy alynýar we şonuň ýokdugy şol bir usulda barlanylýar. Şonuň üçin birnäçe ýazgy iň azdan biriňe-de bolsa müşderi kompýuterinde duş gelmek mümkinçiligini artdyrýar.

Sanawy adatça ýazgy tipini beýan edýän açar söz bilen tamamlarlar (ähli ýazgylar käbir tipe degişli) - serif, sans-serif, cursive, fantasy ýa-da monospace. Eger brauzer görkezilen ýazgylaryň hiç birini ulanyjynyň kompýuterinde tapmasa, onda ol görkezilen tipe degişli ýazgylaryň birini saýlar.

Ýazgy tipleri

Tip	Düşündiriş
`serif`	Çyzykly ýazgy.
`sans-serif`	Çyzyksyz ýazgy.
`cursive`	Ýatyk ýazgy.
`fantasy`	Owadan egri-çyzykly we daşky görnüşli bezeg ýazgysy.
`monospace`	Monospaýs ýazgy, her harpynyň ini birmeňzeş.

Bellenen bahasy: brauzer tarapyndan bellenen ýazgy. Adatça bu Times New Roman bolýar.

Mysal

Ýazgya Arial maşgalasyny belleýäris:

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

p {
	font-family: Arial;
}

Mysal

Ýazgya Times New Roman maşgalasyny belleýäris. Ýazgynyň ady birnäçe sözden ybarat bolany üçin, ony dyrnak belgisine alyň:

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

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

Mysal

Ýazgya serif toparyna degişli ýazgyny belleýäris (aglabat Times New Roman alynar):

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

p {
	font-family: serif;
}

Mysal

Ýazgya sans-serif toparyna degişli ýazgyny belleýäris (aglabat Arial alynar):

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

p {
	font-family: sans-serif;
}

Mysal

Ýazgya fantasy toparyna degişli ýazgyny belleýäris (siziň kompýuteriňizde şeýle ýazgy bolmasa, işlemez):

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

p {
	font-family: fantasy;
}

Mysal

Ýazgya monospace toparyna degişli ýazgyny belleýäris (harplar birmeňzeş ölçegde bolar):

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

p {
	font-family: monospace;
}