सीएसएस टेक्स्ट मॉड्यूल लेवल 4 की चार नई अंतरराष्ट्रीय सीएसएस सुविधाएं, Chrome में उपलब्ध होंगी. इस पोस्ट में बताया गया है कि कौनसा प्रॉडक्ट पहले ही शिप किया जा चुका है और जल्द ही उपलब्ध होने वाला है.
- Chrome 119 से:
word-break: auto-phraseके साथ जैपनीज़ फ़्रेज़ लाइन ब्रेक. - Chrome 120 के फ़्लैग के पीछे:
text-autospaceप्रॉपर्टी के साथ इंटर-स्क्रिप्ट स्पेस. - डेवलपमेंट में है:
text-spacing-trimप्रॉपर्टी के साथ चाइनीज़, जैपनीज़, और कोरियन (सीजेके) विराम चिह्न. - सभी भाषाओं में एक जैसा फ़ॉन्ट साइज़ होना चाहिए.
जापानी फ़्रेज़ लाइन ब्रेकिंग: word-break: auto-phrase
इस सुविधा से जैपनीज़ टेक्स्ट को बेहतर तरीके से पढ़ा जा सकता है. यह सुविधा Chrome 119 में उपलब्ध है
कुछ पूर्वी एशिया की भाषाएं, जैसे कि चाइनीज़ या जैपनीज़, शब्दों को अलग करने के लिए स्पेस का इस्तेमाल नहीं करतीं. साथ ही, किसी भी वर्ण के साथ लाइनें रैप हो सकती हैं, भले ही वह शब्द के बीच में हो. यह इन भाषाओं के लिए लाइन तोड़ने का सामान्य व्यवहार है, लेकिन हेडिंग या कविता जैसे छोटे टेक्स्ट में, लाइन को स्वाभाविक वाक्यांशों की सीमाओं में रैप करने को प्राथमिकता दी जाती है. जैपनीज़ में, इस सीमा को "बंसेत्सू" कहा जाता है.
सीएसएस की नई सुविधा word-break: auto-phrase बताती है कि रैपिंग इन सीमाओं के अंदर ही होनी चाहिए.
<html lang="ja">
<style>
h1 {
word-break: auto-phrase;
}
</style>
<h1>窓ぎわのトットちゃん<h1>
word-break: auto-phrase लाइन को सटीक वाक्यांश की सीमा पर रैप करता है.
सीमा का पता लगाने का काम, मशीन लर्निंग इंजन करता है. इसलिए, हो सकता है कि इसका नतीजा आपके काम का न हो. अगर ऐसा होता है, तो ब्रेकेबल पॉइंट में मैन्युअल तरीके से बदलाव किए जा सकते हैं. <wbr> टैग या शून्य विड्थ स्पेस (​) ब्रेकेबल पॉइंट लागू करता है और ज़ीरो विड्थ जॉइनर (‍) ब्रेक को रोकता है.
窓ぎわの<wbr>トットちゃん
ユーザー<wbr>インターフェース
फ़िलहाल, यह सुविधा सिर्फ़ जैपनीज़ भाषा में Chrome पर काम करती है. इसमें BudouX C++ पोर्ट का इस्तेमाल किया जाता है, जिसमें AdaBoost ML टेक्नोलॉजी का इस्तेमाल किया जाता है. इसके बारे में ज़्यादा जानने के लिए, Google Developers जापान: BudouX: 読中や。改行사めブ軽量舆分ち書局 में शामिल हो गए हैं.
हम Chrome के आने वाले वर्शन में कोरियन और चाइनीज़ भाषा के साथ काम करने की योजना बना रहे हैं.
इंटर-स्क्रिप्ट के बीच की दूरी: text-autospace
फ़िलहाल, इस सुविधा का इस्तेमाल Chrome में एक फ़्लैग के पीछे किया गया है. इसकी जांच करने के लिए, Chrome 120 या इसके बाद के वर्शन में एक्सपेरिमेंट के तौर पर उपलब्ध वेब प्लैटफ़ॉर्म की सुविधाएं फ़्लैग को चालू करें. यह फ़्लैग chrome://flags/#enable-experimental-web-platform-features पर मिलता है.
चाइनीज़ और जैपनीज़ में कई स्क्रिप्ट, हान, लैटिन, और ASCII अंकों के साथ-साथ हिरागाना और काटाकाना को भी मिलाया जाता है. आम तौर पर, नॉन-हान आइडियोग्राफ़िक स्क्रिप्ट से और नॉन-हैन आइडियोग्राफ़िक स्क्रिप्ट पर स्विच करते समय, शब्दों के बीच कम स्पेस रखने से अक्सर कॉन्टेंट को आसानी से पढ़ा जा सकता है.
Chrome, डिफ़ॉल्ट रूप से इंटर-स्क्रिप्ट स्पेस को शामिल करने की योजना बना रहा है. इस सुविधा की मदद से, वेब पर कॉन्टेंट पढ़ने में आसानी होती है. इसे बड़े पैमाने पर इस्तेमाल किया जाता है, ताकि कॉन्टेंट को पढ़ने में आसानी हो.
text-autospace से कंट्रोल किया जा सकता है.
अगर आपको ऐसा नहीं करना है, तो text-autospace प्रॉपर्टी की मदद से, स्पेसिंग को शामिल किया जा सकता है.
text-autospace: no-autospace;
CJK विराम चिह्न कर्निंग: text-spacing-trim
इस सुविधा पर अभी काम चल रहा है. इसे Chrome में डिफ़ॉल्ट रूप से चालू रखा जाएगा.
चाइनीज़, जैपनीज़, और कोरियन भाषा में, विराम चिह्नों के बीच कर्निंग लागू करने से इसे पढ़ना आसान हो जाता है और टाइपोग्राफ़ी बेहतर होती है. ज़्यादातर प्रिंट की गई सामग्री और वर्ड प्रोसेसर इस कर्निंग को आज लागू करते हैं.
उदाहरण के लिए, सीजेके पीरियड और सीजेके क्लोज़िंग ब्रैकेट आम तौर पर ग्लिफ़ स्पेस के दाएं आधे हिस्से में ग्लिफ़-इंटरनल स्पेस रखने के लिए डिज़ाइन किए जाते हैं. इससे हर वर्ण लगातार बेहतर होता रहता है.
लेकिन जब ये विराम चिह्न एक पंक्ति में दिखाई देते हैं, तो ये ग्लिफ़-आंतरिक स्पेस ज़रूरत से ज़्यादा हो जाते हैं. नीचे दिए गए दो उदाहरणों में, दूसरा वाला सही टाइपोग्राफ़ी है; सीजेके पीरियड की दाईं ओर का आधा हिस्सा हटाया जाना चाहिए.
आम तौर पर, डिफ़ॉल्ट तरीका इस्तेमाल करने से अच्छे नतीजे मिलते हैं. हालांकि, डेवलपर अलग-अलग स्टाइल चुनने के लिए या कुछ मामलों में इसे बंद करने के लिए, text-spacing-trim प्रॉपर्टी का इस्तेमाल कर सकते हैं.
सभी भाषाओं में एक जैसा फ़ॉन्ट साइज़
Chrome 118 से पहले, 10 पिक्सल या उससे कम साइज़ के फ़ॉन्ट को तय किए गए के हिसाब से रेंडर नहीं किया जाता था. हालांकि, ऐरेबिक, फ़ारसी, जैपनीज़, कोरियन, थाई, सिंप्लिफ़ाइड या ट्रेडिशनल चाइनीज़ भाषा के होने पर, फ़ॉन्ट के साइज़ को पूरा कर लिया जाता था. डेवलपर को छोटे टेक्स्ट को रेंडर करने के लिए किसी समाधान की ज़रूरत थी. जैसे, transform प्रॉपर्टी का इस्तेमाल करके.
Chrome 118 से, सभी भाषाओं के लिए यह सीमा हटा दी गई है, ताकि सात भाषाएं बाकी भाषाओं से मेल खा सकें. इस बदलाव से, दूसरे ब्राउज़र के साथ इंटरऑपरेबिलिटी भी बेहतर होती है.
दिलचस्पी दिखाएं और सुझाव/राय दें या शिकायत करें
अगर आपके पास इन सुविधाओं के बारे में कोई सुझाव है, तो कृपया crbug.com पर समस्या की शिकायत करें.