সিএসএস ফন্ট (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 fontThis is a header with a serif fontThis 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; } This is a font size of 120%
1.
This
is a font size of 10px
সিএসএস ফন্ট Variant:সিএসএস ফন্ট Variant এর সাহায্যে আপনি ফন্ট কে small caps এ পরিবর্তিত করতে পারেন। Note: কিন্তু সকল ফন্ট, সিএসএস ফন্ট Variant কে সাপোর্ট করে না তাই প্রকাশ করা আগে নিশ্চিত হয়ে নেয়া উচিত।1.p { font-variant:
small-caps; }
this text was written normally and
converted to small-caps
|
কোন মন্তব্য নেই:
একটি মন্তব্য পোস্ট করুন