کرننگ: یہ کیا ہے اور حروف کے درمیان فاصلہ کیسے ایڈجسٹ کریں

ٹائپوگرافی میں کرننگ کیا ہے

کرننگ بصری نقائص کو ختم کرنے کے لیے مخصوص حروف کے جوڑوں کے درمیان فاصلہ دستی یا خودکار طور پر ایڈجسٹ کرنے کا عمل ہے۔ مسئلہ اس لیے پیدا ہوتا ہے کہ ہر حرف کی ایک منفرد جیومیٹری ہوتی ہے: A کا ایک چوٹی ہے، V کا دائیں جھکاؤ ہے، T کا ایک چوڑا کراس بار ہے۔ جب اس طرح کے حروف ایک دوسرے کے ساتھ ہوتے ہیں، تو ان کی خاکہ کے درمیان فاصلہ غیر مساوی لگتا ہے، اگرچہ set width ایک جیسی ہو۔

فونٹ کرننگ ٹیبلز میں پہلے سے طے شدہ ایڈجسٹمنٹ اقدار کے ساتھ حروف کے جوڑے ہوتے ہیں۔ ایک اچھے ٹائپ فیس میں 300 سے 2000 کرننگ جوڑے ہو سکتے ہیں۔ پیشہ ورانہ ٹائپ فیسز — جیسے Apple کا SF Pro یا Google کا Roboto — میں باریک بینی سے تیار کردہ کرننگ ٹیبلز شامل ہوتی ہیں جو لاطینی اور سیریلک حروف کے تمام ممکنہ مجموعوں کو احاطہ کرتی ہیں۔ Fontshop Guide to Kerning کے مطابق، کرننگ ٹیبلز کا معیار پیشہ ورانہ فونٹ کے اہم اشاروں میں سے ایک ہے۔

کرننگ کا بصری اثر خاص طور پر سرخیوں، لوگو اور بڑے فونٹ سائز (24 pt اور اس سے اوپر) میں نمایاں ہوتا ہے۔ چھوٹے متن (12–14 pt) میں حروف کے درمیان فاصلہ کم ہوتا ہے اور کرننگ کم نمایاں ہوتی ہے، اگرچہ یہ پھر بھی کام کرتی ہے۔ ویب براؤزرز اور موبائل OS ڈیفالٹ طور پر بلٹ ان کرننگ لاگو کرتے ہیں، لیکن ڈویلپر مخصوص ڈیزائن کے لیے اسے غیر فعال یا ایڈجسٹ کر سکتا ہے۔

کرننگ اور ٹریکنگ: کلیدی فرق

ابتدائی ڈویلپر اکثر کرننگ اور ٹریکنگ کو الجھاتے ہیں، لیکن یہ بنیادی طور پر مختلف ٹائپوگرافک پیرامیٹرز ہیں۔ کرننگ حرف-جوڑی کی سطح پر کام کرتی ہے اور صرف مخصوص مجموعوں کے درمیان فاصلہ ایڈجسٹ کرتی ہے جہاں حرف جیومیٹری بصری عدم توازن پیدا کرتی ہے۔ ٹریکنگ (letter-spacing) منتخب حصے میں تمام حروف کے درمیان فاصلہ یکساں طور پر تبدیل کرتی ہے — اسے یکساں طور پر بڑھاتی یا گھٹاتی ہے۔

ٹریکنگ کب استعمال کی جاتی ہے: چھوٹے متن کی پڑھنے کی اہلیت بہتر بنانے کے لیے (مثبت ٹریکنگ)، زور دار سرخیاں بنانے کے لیے (منفی ٹریکنگ)، انٹرفیس ڈیزائن میں متن کو اسٹائل کرنے کے لیے۔ ٹریکنگ کو ایک عددی قدر کے طور پر سیٹ کیا جاتا ہے اور ہر حرف پر لاگو کیا جاتا ہے، بشمول پہلے سے کرن شدہ جوڑے — کرننگ اصلاحات محفوظ رہتی ہیں لیکن ان کے اوپر ایک عالمی تبدیلی شامل کی جاتی ہے۔

اہم قاعدہ: منفی ٹریکنگ (کمپریشن) کے ساتھ، کرننگ جوڑوں پر نظر رکھیں — وہ حروف کے ناپسندیدہ اوورلیپ بنا سکتے ہیں۔ CSS میں، letter-spacing خاصیت فونٹ کی کرننگ ٹیبل کے اوپر لاگو ہوتی ہے، اور مضبوط کمپریشن (letter-spacing: -1px) کے ساتھ کرننگ اصلاحات حروف کے ضم ہونے کا سبب بن سکتی ہیں۔

NSAttributedString کے ذریعے iOS میں کرننگ کا نفاذ

iOS پر، کرننگ NSAttributedString میں .kern خاصیت کے ذریعے منظم کی جاتی ہے۔ خاصیت کی قدر Float ہے، جہاں مثبت عدد فاصلہ بڑھاتا ہے، منفی عدد گھٹاتا ہے، اور 0 کرننگ کو غیر فعال کرتا ہے۔ ڈیفالٹ قدر nil ہے، جس کا مطلب ہے فونٹ کی کرننگ ٹیبل کا استعمال۔ کرننگ کے ساتھ کام کرنے کے لیے بنیادی API NSMutableAttributedString ہے جس میں متن کی رینج میں خاصیت شامل کی جاتی ہے۔

let text = "Kerning in mobile interfaces"
let attributedText = NSMutableAttributedString(
    string: text
)

// کرننگ فعال کریں (فونٹ ٹیبل استعمال کرتا ہے)
attributedText.addAttribute(
    .kern,
    value: 0.5,
    range: NSRange(
        location: 0,
        length: text.count
    )
)

// UILabel پر لاگو کریں
label.attributedText = attributedText

ڈیفالٹ قدر .kern = nil فونٹ ٹیبل سے کرننگ کو فعال کرتی ہے۔ اگر آپ کو کرننگ مکمل طور پر غیر فعال کرنے کی ضرورت ہے، تو .kern = 0 سیٹ کریں۔ اقدار 0.0 اور nil مختلف حالتیں ہیں: nil ٹیبل استعمال کرتی ہے، 0 تمام کرننگ جوڑوں کو زبردستی صفر کرتی ہے۔ Apple Text Programming Guide کے مطابق، واضح طور پر 0 سیٹ کرنا یکساں فاصلہ والے متن یا ان صورتوں کے لیے مفید ہے جہاں کرننگ مداخلت کرتی ہے — مثال کے طور پر، مقررہ چوڑائی والے بٹنوں میں۔

SwiftUI Text کے لیے .kerning() موڈیفائر فراہم کرتا ہے۔ UIKit کے برعکس، SwiftUI میں کرننگ ویو کی سطح پر سیٹ کی جاتی ہے، منسوب سٹرنگ پر نہیں۔ موڈیفائر ایک CGFloat قبول کرتا ہے اور Text بلاک کے اندر تمام متن پر لاگو ہوتا ہے۔ SwiftUI میں جزوی کرننگ کے لیے، Text پر + آپریٹر اور انفرادی موڈیفائر کا مجموعہ استعمال کیا جاتا ہے۔

struct KerningView: View {
    var body: some View {
        Text("کرننگ کے ساتھ سرخی")
            .kerning(1.0)
            .font(.title)
    }
}

کارکردگی: کرننگ خاصیت والا NSAttributedString رینڈرنگ کے دوران حروف کی پوزیشنوں کا دوبارہ حساب لگاتا ہے۔ جامد متن کے لیے یہ ایک بار ہوتا ہے۔ متحرک متن (UICollectionView میں بدلتے ہوئے متن) کے لیے — ہر بار جب یہ بدلتا ہے۔ لمبی سٹرنگز (500 حروف سے زیادہ) پر کرننگ کے ساتھ بڑی رینج استعمال کرنا اسکرولنگ کے دوران FPS کم کر سکتا ہے۔

letterSpacing کے ذریعے Android پر کرننگ کنفیگر کرنا

Android پر، کرننگ TextView اور XML لے آؤٹ میں letterSpacing خاصیت کے ذریعے منظم کی جاتی ہے۔ خاصیت Float قسم کی ہے اور فونٹ کے em سائز کے ضارب کے طور پر کام کرتی ہے۔ قدر 0 ڈیفالٹ کرننگ سے مطابقت رکھتی ہے، مثبت فاصلہ بڑھاتی ہے، منفی گھٹاتی ہے۔ letterSpacing API Level 21 (Android 5.0 Lollipop) سے دستیاب ہے۔

SpannableString کے ذریعے نفاذ پورے متن کے بجائے سٹرنگ کے ایک حصے پر کرننگ لاگو کرنے کی اجازت دیتا ہے۔ عین مطابق کنٹرول کے لیے ScaleXSpan کلاس یا کسٹم ReplacementSpan استعمال کیا جاتا ہے۔ Android Developer Guide کے مطابق، ScaleXSpan حروف کو افقی طور پر اسکیل کرتا ہے، حروف کے درمیان فاصلے میں تبدیلی کی نقل کرتا ہے، لیکن براہ راست کرننگ جوڑی کا کنٹرول فراہم نہیں کرتا۔

// XML لے آؤٹ میں
<TextView
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:text="Text with kerning"
    android:letterSpacing="0.05" />

// Kotlin میں پروگرام کے ذریعے
val textView = findViewById<TextView>(R.id.myTextView)
textView.letterSpacing = 0.05f

حدود: Android کرننگ ٹیبلز کو براہ راست سپورٹ نہیں کرتا — letterSpacing تمام حروف کے لیے ٹریکنگ کے طور پر کام کرتی ہے۔ Android پر جوڑی کرننگ کے لیے، بلٹ ان کرننگ ٹیبلز (OpenType GPOS feature kern) والے فونٹ استعمال کیے جاتے ہیں۔ سپورٹ OS ورژن اور رینڈرنگ انجن پر منحصر ہے: Android 10+ پر Minikin مکمل OpenType فیچر سپورٹ کے ساتھ استعمال ہوتا ہے، پرانے ورژنز پر HarfBuzz حدود کے ساتھ۔ سفارش: Android 8.0 سے نیچے والے آلات پر کرننگ ڈسپلے کو ٹیسٹ کریں۔

CSS کے ذریعے ویب ڈویلپمنٹ میں کرننگ

ویب پر، کرننگ کو CSS خاصیت font-kerning کے ذریعے کنٹرول کیا جاتا ہے، جو فونٹ کی بلٹ ان کرننگ ٹیبلز کو فعال یا غیر فعال کرتی ہے۔ اقدار: auto (براؤزر فیصلہ کرتا ہے)، normal (کرننگ فعال)، none (کرننگ غیر فعال)۔ یہ خاصیت 2016 سے تمام جدید براؤزرز کے ذریعے سپورٹ کی جاتی ہے۔ MDN Web Docs کے مطابق، font-kerning صرف کرننگ ٹیبل والے OpenType فونٹ پر لاگو ہوتی ہے۔

CSS خاصیت letter-spacing ٹریکنگ کی مشابہ ہے، لیکن یہ کرننگ جیسے اثرات کے لیے بھی استعمال ہوتی ہے۔ font-kerning کے برعکس، letter-spacing کرننگ جوڑوں کو مدنظر رکھے بغیر تمام حروف کے درمیان فاصلہ یکساں طور پر تبدیل کرتی ہے۔ جب دونوں خاصیتیں استعمال کی جاتی ہیں، font-kerning پہلے لاگو ہوتی ہے، پھر letter-spacing اس کے اوپر یکساں تبدیلی شامل کرتی ہے۔

/* Enable kerning for headings */
h1 {
    font-kerning: normal;
    letter-spacing: 0.02em;
}

/* Disable kerning for monospace */
code, pre {
    font-kerning: none;
}

TypeScript یوٹیلیٹی کرننگ کو مدنظر رکھتے ہوئے بہترین letter-spacing کا حساب لگانے کے لیے Canvas API کے ذریعے فونٹ کی کرننگ ٹیبل کا تجزیہ کر سکتی ہے۔ لیکن عملی طور پر، ویب ڈویلپر font-kerning: normal پر بھروسہ کرتے ہیں جو زیادہ تر معاملات میں بہترین نتائج دیتا ہے۔ اضافی letter-spacing ایڈجسٹمنٹ صرف ڈیزائن کے زور دینے کے لیے ضروری ہے — مثال کے طور پر، بڑی ٹائپوگرافی والے لینڈنگ پیجز میں۔

کرننگ کنفیگریشن کے لیے عملی سفارشات

کرننگ ایک باریک بینی سے ایڈجسٹمنٹ کا آلہ ہے، اور اس کا غلط استعمال پڑھنے کی اہلیت کو خراب کرتا ہے۔ پہلا قاعدہ: باڈی ٹیکسٹ کے لیے کرننگ تبدیل نہ کریں۔ پیشہ ورانہ فونٹ کی کرننگ ٹیبلز میں 12–16pt سائز کے لیے پہلے سے بہترین اقدار موجود ہیں۔ باڈی ٹیکسٹ کرننگ میں مداخلت عدم یکسانیت اور بصری شور کا باعث بنتی ہے۔

دوسرا قاعدہ: 24pt اور اس سے اوپر کی سرخیوں کے لیے، مثبت کرننگ استعمال کریں (ٹائپ فیس کے لحاظ سے 0.5–1.5 pt)۔ بڑے متن کو پڑھنے کی اہلیت کے لیے زیادہ حرفی فاصلہ درکار ہوتا ہے۔ کم x-height والے فونٹ (مثلاً Didot) کو زیادہ x-height والے فونٹ (مثلاً Helvetica) کے مقابلے میں زیادہ کرننگ درکار ہوتی ہے۔ حوالہ جاتی ڈیٹا: iOS Apple Music ایپ میں، سرخیاں 0.8 pt کرننگ استعمال کرتی ہیں۔

تیسرا قاعدہ: ہمیشہ حقیقی سٹرنگز پر کرننگ ٹیسٹ کریں، Lorem Ipsum پر نہیں۔ مختلف حروف کے مجموعے مختلف بصری اثرات پیدا کرتے ہیں۔ ابھرے ہوئے عناصر والے حرف علت اور حرف صحیح کے جوڑوں پر خصوصی توجہ دیں: AV، Te، To، Wa، LT۔ منفی کرننگ کے ساتھ، fi، fl، fj جوڑوں پر نظر رکھیں — کچھ فونٹ میں وہ بغیر ligature کے ضم ہو سکتے ہیں۔

قابلیت کا پہلو: ڈسلیکسیا کے شکار صارفین ہلکی مثبت کرننگ (0.3–0.5 pt) والے متن کو بہتر پڑھتے ہیں۔ iOS اور Android قابلیت کی سیٹنگز کو سپورٹ کرتے ہیں جو ایپ کی کرننگ کو اوور رائڈ کر سکتی ہیں۔ Dynamic Type کے ساتھ UIFontDescriptor استعمال کریں اور UIAccessibility کے ذریعے قابلیت کی سیٹنگز میں کرننگ کو مدنظر رکھیں۔ اہم: سسٹم کرننگ سیٹنگز کو مسدود نہ کریں — یہ متن کی موافقت سے متعلق WCAG 2.2 رہنما اصول 1.4.12 کی خلاف ورزی ہے۔