font ගුණය

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

වාක්‍ය රචනය

cssතෝරන්නා {
  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) අකුරු සකසමු:

html<p>
  some long text
</p>

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

Результат:

උදාහරණය

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

html<p>
  some long text
</p>

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

Результат:

උදාහරණය

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

html<p>
  some long text
</p>

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

Результат:

උදාහරණය

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

html<p>
  some long text
</p>

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

Результат: