font ගුණය

font ගුණය යනු කෙටි ගුණයක් වන අතර, එය තුළ පහත CSS ගුණාංග භාවිතා කළ හැකිය: font-size, font-style, font-weight, line-height, font-family, font-variant.

වාක්‍ය රචනය

තෝරන්නා {
	font: [font-style|font-variant|font-weight] font-size [/line-height] font-family;
}

අනිවාර්‍ය ගුණාංග වන්නේ font-size සහ font-family වන අතර, අනෙක් ඒවා අනුපිළිවෙල සුරැකීමෙන් ඉවත් කළ හැකිය.

font-style, font-variant, font-weight යන ගුණාංග එකිනෙකට සාපේක්ෂව ඕනෑම අනුපිළිවෙලකින් සැකසිය හැකිය.

line-height ගුණය font-size ගුණයට පසුව කොටස් ලකුණකින් (/) ලියන බව සලකන්න.

අපි 15px ප්‍රමාණයේ, Arial වර්ගයේ, 30px පේළි උසකින් යුතු ඇලකුරු (italic) අකුරු සකසමු:

<p>
	some long text
</p>

p {
	font: italic 15px/30px Arial;
	text-align: justify;
}

තවත් උදාහරණයක්:

<p>
	some long text
</p>

p {
	font: bold 16px/20px "Times New Roman", Georgia, serif;
	text-align: justify;
}

අනෙකුත් ගුණාංග ඉවත් කර, අකුරු ප්‍රමාණය සහ වර්ගය පමණක් නියම කරමු:

<p>
	some long text
</p>

p {
	font: 18px Arial;
	text-align: justify;
}

අකුරු ප්‍රමාණය පමණක් දෙන්නේ නම්, එය යොදන්නේ නැත, මන්ද අකුරු වර්ගය ද නියම කළ යුතු අනිවාර්‍ය ගුණයකි:

<p>
	some long text
</p>

p {
	font: 30px;
	text-align: justify;
}