সিএসএস ফন্ট (CSS Font)

লেখক  রাসেল খান

টেক্স কিভাবে প্রদর্শিত হবে তার নিয়ন্ত্রন ভার সিএসএস আপনাকে দিয়েছে। আপনি টেক্সের size, color, style ইত্যাদি পরিবর্তন করতে পারেন। আপনি জেনেছেন কিভাবে টেক্স bold  বা underline করতে হয় কিন্তু আপনি কি জানেন percentage  ব্যবহার কিভাবে ফন্ট resize  করা যায়। এই বিষয়ে আলোচনা  নিচে করা হয়েছে । সিএসএস ফন্ট রং: যদিও টেক্সের কালারকে সিএসএস ফন্ট অংশ মনে হয় কিন্তু প্রকৃতপক্ষে এটা স্বাধীন  সিএসএস attribute। নিচে ফন্ট এর কালার পরিবর্তনের উদাহরন দেয়া হলো। 1.h4 { color: red; } 2.h5 { color: #9000A1; } 3.h6 { color: rgb(0, 220, 98); } প্রদর্শন: This is a red h4 header. This is a hexadecimal #9000A1 h5 header. This is an rgb(0, 220, 98) h6 header. উপরের উদাহরনে কালার নির্দেশ করতে আমরা কালারের তিন প্রকারের ফরমেট ব্যবহার করেছি। সিএসএস ফন্ট Family: ফন্ট family দুইটি  group  এ বিভক্ত যেমন: serif and sans-serif । গবেষনায় দেখা গিয়েছে serif fonts হতে sans-serif fonts যা  computer monitor এ খুব সহজে পড়া যায় । 1.h4 { font-family: sans-serif; } 2.h5 { font-family: serif; } 3.h6 { font-family: arial; } প্রদর্শন: This is a header with sans-serif font This is a header with a serif font This is a header with an arial font সিএসএস ফন্ট আকার: আপনি values, percentages বা key terms ব্যবহার করে ফন্ট আকার ঠিক করতে পারেন। যখন আপনি default ফন্ট পরিবর্তন করতে চাবেন তখন Percentages ব্যবহার করা ভাল কিন্তু static value সেট করা উচিত নয়। 1.p { font-size: 120%; } 2.ol{ font-size: 10px; } 3.ul{ font-size: x-large; } Display: This is a font size of 120% 1.        This is a font size of 10px This is a font size of "x-large" ফন্ট-weight এর অন্যান্য key terms গুলো হল: bold, bolder, and normal. সিএসএস ফন্ট Variant: সিএসএস ফন্ট Variant এর সাহায্যে আপনি ফন্ট কে  small caps এ পরিবর্তিত করতে পারেন। Note: কিন্তু সকল ফন্ট,  সিএসএস ফন্ট Variant কে সাপোর্ট করে না তাই প্রকাশ করা আগে নিশ্চিত হয়ে নেয়া উচিত। 1.p { font-variant: small-caps; } প্রদর্শন: this text was written normally and converted to small-caps