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