Rasel khan web programming

সোমবার, ৩০ এপ্রিল, ২০১২


সিএসএস ফন্ট (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

কোন মন্তব্য নেই:

একটি মন্তব্য পোস্ট করুন