एक फ़ॉन्ट को सीएसएस

Question

के साथ अधिक संघनित बनाएं क्या सीएसएस का उपयोग करके अक्षरों को एकसाथ बनाने के लिए वैसे भी है? मुझे पता है कि हम लाइन-ऊंचाई समायोजित कर सकते हैं लेकिन मुझे नहीं पता था कि एक ऐसा फ़ॉन्ट है जो एक साथ घनिष्ठता को निचोड़ता है।

Answer 1

आप के लिए letter-spacing

#id { letter-spacing: -1px; } 

Reference

Answer 2

देख रहे हैं आप

letter-spacing: 0.1em; 

साथ सभी पत्र के बीच की दूरी निर्दिष्ट कर सकते हैं, लेकिन आप नहीं सर्द व्यक्तिगत पत्र जब तक आप प्रत्येक अक्षर लपेट कर सकते हैं एक अवधि में

Answer 3

उत्तर एर "फ़ॉन्ट", "संघनित", और "निचोड़" से आपका क्या मतलब है इस पर निर्भर करता है।

font-stretch संपत्ति का उपयोग करके आप एक फ़ॉन्ट (फ़ॉन्ट परिवार से) के लिए एक अधिक संघनित टाइपफ़ेस (विशिष्ट फ़ॉन्ट) का चयन कर सकते हैं। लेकिन यह कुछ भी निचोड़ नहीं है; यह सिर्फ एक टाइपफेस उठाता है जिसे अधिक संघनित बनाया गया है। आम तौर पर लोगों के कंप्यूटर में उपलब्ध फ़ॉन्ट्स में ऐसे टाइपफेस नहीं होते हैं; कुछ डाउनलोड करने योग्य फोंट (वेब ​​फोंट) करते हैं। और अधिकांशतः आप उन्हें एक विशिष्ट टाइपफ़ेस नाम का उपयोग करके अधिक क्रॉस-ब्राउज़र तरीके से उपयोग कर सकते हैं जैसे कि यह एक फ़ॉन्ट परिवार का नाम था, उदा। font-family: Arial Narrow। (नोट: एरियल नारो केवल कुछ कंप्यूटरों पर उपलब्ध है, जो कि मूल एरियल से बहुत कम है।)

यदि आप इस्तेमाल किए गए फ़ॉन्ट को ओपनटाइप प्रारूप में जानकारी को कर्र्निंग करते हैं तो आप कर्नेलिंग का सुझाव देने के लिए कुछ सीएसएस तकनीकों का उपयोग कर सकते हैं। आमतौर पर वेब पृष्ठों पर उपयोग किए जाने वाले अधिकांश फ़ॉन्ट्स में ऐसी कोई जानकारी नहीं होती है। (अपवाद:। Calibri और Cambria तरह Palatino छापना, Times New Roman, और माइक्रोसॉफ्ट सी फोंट) उपयुक्त घोषणाओं:

body { 
text-rendering: optimizeLegibility; 
-webkit-font-feature-settings: "kern"; 
-moz-font-feature-settings: "kern"; 
font-feature-settings: "kern"; 
} 

इन सेटिंग्स के प्रभाव, यदि कोई हो, अपेक्षाकृत छोटे हो जाता है। यह वास्तव में किसी भी क्रूर भावना में "निचोड़ने" का मतलब नहीं है। इसके बजाय, यह टाइपोग्राफ़िक रूप से बेहतर होने के लिए सूक्ष्म तरीके से प्रतिपादन को संशोधित करता है; पाठ चौड़ाई थोड़ा छोटा हो सकता है, लेकिन यह सिर्फ एक संयोग उपज है।

यदि आप ऋणात्मक letter-spacing का उपयोग करते हैं, तो इसका अर्थ है ब्रूट निचोड़ना। यह कभी-कभी समझ में आता है उदा। बड़े आकार में संस-सेरिफ़ टेक्स्ट के लिए, letter-spacing: 0.03em जैसे छोटे मानों के साथ। फिर भी, परिणाम का मूल्यांकन किया जाना चाहिए, विशेष रूप से अक्षर संयोजनों पर ध्यान देना जो निचोड़ते समय अजीब लग सकता है (उदाहरण के लिए, "आरएल" या "ते")। और अधिकतर, यदि आपको लगता है कि अक्षरों को बहुत अधिक दूरी पर रखा गया है, या पाठ का सामान्य प्रदर्शन बाधित करने के बजाए एक और फ़ॉन्ट का उपयोग करने पर विचार बहुत व्यापक हो जाता है।