কম্পিউটার টিউটোরিয়াল

CSS দিয়ে কার্নিং (Kerning) অ্যাডজাস্ট করা

CSS দিয়ে কার্নিং অ্যাডজাস্ট করার পদ্ধতি শিখুন।

যদি আপনার ওয়েব ফন্টে কার্নিং ডেটা থাকে, ব্রাউজার অটোমেটিক্যালি font-kerning প্রপার্টি (ডিফল্ট auto) ব্যবহার করে কার্নিং প্রয়োগ করে।

font-kerning: auto;

কার্নিং নিশ্চিত করতে চাইলে normal ব্যবহার করুন:

font-kerning: normal;

কার্নিং বন্ধ করতে none ব্যবহার করুন:

font-kerning: none;

কেন কার্নিং বন্ধ করবেন?

  • ব্রাউজার বাগের কারণে কার্নিং ভুল রেন্ডার হলে।
  • একক টেক্সট এলিমেন্ট নির্দিষ্ট পরিস্থিতিতে অদ্ভুত আচরণ করলে—ইতোমধ্যে ইউটিলিটি ক্লাস দিয়ে বন্ধ করা যায়: .kerning-none { font-kerning: none; }

আপনার ওয়েব ফন্টে কার্নিং ডেটা আছে কিনা জানার উপায়

ফন্ট-কার্নিংকে none এবং normal এর মধ্যে টগল করে ব্রাউজারে টেক্সট রেন্ডারিং পরিবর্তন নজর দিন।

  1. CSS দিয়ে HR এলিমেন্ট স্টাইল করার পদ্ধতি

  2. CSS দিয়ে লেবেল স্টাইল করার পদ্ধতি

  3. CSS দিয়ে স্ক্রোলবার লুকানো

  4. CSS দিয়ে অ্যারো (Arrow) তৈরি