CSS Course in Bengali, Chapter-2
CHAPTER - 2
CSS FONT
2.1 CSS Font Properties
2.1.1 font-family : Text এর লেখার style গুলি change করার জন্য font-family ব্যবহার করা হয়।
Example:
p { font-family : serif ; }
Font-family এর বিভিন্ন value গুলি হল-
Serif ; This is paragraph
Arial ; This is paragraph
Monospace ; This is paragraph
Cursive ; This is paragraph
Fantasy ; This is paragraph
2.1.2 font-size : লেখাগুলির size ছোট বড় করার জন্য font-size property ব্যবহার করা হয়।
Example:
p { font-size : 12pt ; }
Size নির্ণয় করার জন্য px, pt, em, rem, vw ইত্যাদি দিয়ে নির্ণয় করতে পারি।
pt VS px VS em
12pt = 16px = 1em
2.1.3 font-style : এটি text এর style তৈরি করে।
Example:
p { font-style : italic ; }
Font-style এর বিভিন্ন value হল-
font-style : italic ; This is italic
font-style : normal ; This is normal
font-style : oblique ; This is oblique
2.1.4 font-weight : এটি text টি মোটা ও চিকন তৈরি করে।
Example:
p { font-weight : bold ; }
Font-width এর বিভিন্ন value হল-
font-weight : normal ; normal font
font-weight : bold ; bold font
font-weight : lighter ; lighter font
font-weight : bolder ; bolder font
অথবা number দিতে পারি
font-weight : 100 ; (same is lighter)
font-weight : 900 ; (same is bolder)
2.1.5 Font- Stretch : font-stretch বাঁ দিক থেকে ডান দিকের দূরত্ব বজায় রাখে ( letter gap or like spacing)
← a b c d →
Example:
p { font-stretch : condensed ; }
Font-stretch এর বিভিন্ন value হল-
font-stretch : normal ; (low stretch)
font-stretch : expanded ; (mediam stretch)
font-stretch : ultra-expanded ; (high stretch)
অথবা % (persentage) দিতে পারি-
font-stretch : 50% ; (low stretch)
font-stretch : 100% ; (mediam stretch)
font-stretch : 150% ; (high stretch)
2.1.6 Font-Variant : এর দ্বারা font style করা যায়।
Example:
p { font-variant : small-caps ; }
Font-variant এর বিভিন্ন value হল-
font-variant : normal ; (default font)
font-variant : small-caps ; This is Small Caps.
font-variant : initial ; This is Initial font
font-variant : inherit ; This is Inherit font
2.1.7 Font : font এর shorthand property ব্যবহার করতে পারি। এখানে font সমস্ত property একসঙ্গে ব্যবহার করা যায়। যেমন- style, variant, weight, size, fontName ইত্যাদি।
Example:
Html code
<p> This Text is shown with shorthand font properties. </p>
Css code
p { font : italic small-caps bold 40px georgia ; }
Output :
This Text is shown with shorthand font properties.
মন্তব্যসমূহ
একটি মন্তব্য পোস্ট করুন