আপনার ফন্ট সামঞ্জস্য করতে সিএসএস সহ ফন্ট বৈশিষ্ট্য পরিবর্তন করা হচ্ছে

ফন্ট এবং সিএসএস

CSS আপনার ওয়েব পৃষ্ঠায় ফন্ট সামঞ্জস্য করার সবচেয়ে কার্যকর উপায়। আপনি ফন্ট পরিবার, আকার, রঙ, ওজন এবং টাইপোগ্রাফির অন্যান্য অনেক দিক নিয়ন্ত্রণ করতে পারেন।

সিএসএসের ফন্ট বৈশিষ্ট্যগুলি আপনার পৃষ্ঠাকে আরও স্বতন্ত্র এবং অনন্য করতে সবচেয়ে সাধারণ উপায়। CSS টেক্সটের বৈশিষ্ট্যগুলি সহ আপনার পাঠ্যের রঙ, আকার এবং এমনকি মুখ (ফন্ট নিজেই) পরিবর্তন করা সহজ।

• রঙ
• ফন্ট পরিবারের
• অক্ষরের আকার

একটি ফন্ট তিনটি অংশ আছে:

• রঙ
  • পর্দা হিসাবে ফন্ট প্রদর্শিত হবে এই রং।
• আয়তন
  • টাইপফেস পর্দায় রেন্ডার করা কত বড় বা ছোট।
• মুখ
  • এটি ফন্ট পরিবার, যা প্রায়ই প্রকৃত ফন্ট হিসাবে উল্লেখ করা হয়।

ফন্ট রং

টেক্সটের রং পরিবর্তন করতে, কেবল CSS রঙের স্টাইলের সম্পত্তি ব্যবহার করুন। আপনি রঙের নাম বা হেক্সাডেসিমেল কোড ব্যবহার করতে পারেন। ওয়েবে সমস্ত রঙের মতো, ব্রাউজার নিরাপদ রঙগুলি ব্যবহার করা সেরা।

আপনার ওয়েব পেজে নিম্নলিখিত শৈলী চেষ্টা করুন:

এই ফন্ট রং লাল হয়এই ফন্ট রঙীন নীল

ফন্ট মাপ

আপনি যখন ওয়েবে ফন্টের আকার সেট করেন তখন আপনি এটি আপেক্ষিক আকারগুলিতে সেট করতে পারেন বা পিক্সেল, সেন্টিমিটার বা ইঞ্চি ব্যবহার করে খুব নির্দিষ্ট হতে পারেন। তবে, আরো সঠিক ফন্টের মাপগুলি মুদ্রণের জন্য ব্যবহার করা হয় এবং ওয়েব পৃষ্ঠাগুলির জন্য নয়, যেখানে আপনার ওয়েবসাইটটি দেখে এমন প্রত্যেকের একটি ভিন্ন রেজোলিউশন, মনিটর আকার বা ডিফল্ট ফন্ট সেটিং থাকতে পারে। সুতরাং, আপনি যদি আপনার আদর্শ আকারের মত 15px চয়ন করেন তবে আপনার ফন্টগুলি আপনার গ্রাহকদের কাছে কতটা বড় বা ছোট হবে তা দেখার জন্য অবাক হবেন।

আমি আপনাকে ফন্ট আকার জন্য ems ব্যবহার করার সুপারিশ। EMS আপনার পৃষ্ঠার অ্যাক্সেসযোগ্য থাকার অনুমতি দেয়, কোনও এটি দেখছে না, এবং ems স্ক্রীন রেন্ডারিংয়ের জন্য বোঝানো হয়। মুদ্রণ রেন্ডারিং জন্য আপনার পিক্সেল এবং পয়েন্ট ছেড়ে দিন। আপনার ফন্টের আকার পরিবর্তন করতে, আপনার ওয়েব পৃষ্ঠায় নিম্নলিখিত শৈলীটি রাখুন:

এই ফন্ট 1em হয়এই ফন্টটি .75emএই ফন্ট 1.25em হয়

ফন্ট মুখোমুখি

আপনার ফন্টের মুখটি যখন "ফন্ট" বলে মনে করে তখন অনেক লোক মনে করে। আপনি যে ফন্টের মুখোমুখি হন তা আপনি প্রকাশ করতে পারেন তবে মনে রাখবেন, যদি আপনার পাঠকের ফন্ট ইনস্টল না থাকে তবে তাদের ব্রাউজার একটি ম্যাচ খুঁজে বের করার চেষ্টা করবে এটির জন্য, এবং আপনার পৃষ্ঠাটি আপনি চান হিসাবে দেখবেন না।

ব্রাউজারের পক্ষে অগ্রাধিকারের জন্য ব্যবহার করার জন্য আপনি এই সমস্যার সমাধান করতে, মুখগুলির নামগুলি কমা দ্বারা বিভাজিত করতে পারেন। এই ফন্ট স্ট্যাক বলা হয়। মনে রাখবেন যে একটি পিসি (যেমন Arial হিসাবে) একটি আদর্শ ফন্ট একটি ম্যাকিনটোশের মান হতে পারে না। তাই আপনার পৃষ্ঠাটি সর্বনিম্ন ফন্টগুলির সাথে এমনকি ডিজাইন হিসাবে দেখায় তা নিশ্চিত করার জন্য সর্বনিম্ন ইনস্টল করা মেশিন (এবং বিশেষত উভয় প্ল্যাটফর্মগুলিতে) সহ আপনার পৃষ্ঠাগুলি দেখতে হবে।

আমার পছন্দের ফন্ট স্ট্যাকগুলির মধ্যে একটি হল এই সেটটি একটি সানস-সেরিফ ফন্ট সংগ্রহ এবং যখন জেনেভা এবং আয়ারিয়াল খুব অনুরূপ দেখাচ্ছে না, তবে তারা উভয় ম্যাকিনটোশ এবং উইন্ডোজ কম্পিউটারগুলিতে মোটামুটি মানক। আমি ইউনিক্স বা লিনাক্সের মতো অন্যান্য অপারেটিং সিস্টেমে গ্রাহকদের জন্য হেলভেটিকা ​​এবং হেলভ অন্তর্ভুক্ত করছি, যার মধ্যে একটি শক্তিশালী ফন্ট লাইব্রেরি নেই।

এই ফন্ট sans-serif হয়এই ফন্ট Serif হয়