सीएसएस टेक्स्ट मॉड्यूल लेवल 4 की चार नई अंतरराष्ट्रीय सीएसएस सुविधाएं, Chrome में उपलब्ध होंगी. इस पोस्ट में बताया गया है कि कौनसी सुविधाएं पहले ही लॉन्च हो चुकी हैं और कौनसी जल्द ही लॉन्च होने वाली हैं.
- Chrome 119 में:
word-break: auto-phraseका इस्तेमाल करके, जैपनीज़ वाक्यांश को लाइन में बांटना. - Chrome 120 के फ़्लैग के पीछे:
text-autospaceप्रॉपर्टी के साथ इंटर-स्क्रिप्ट स्पेसिंग. - अभी काम चल रहा है:
text-spacing-trimप्रॉपर्टी की मदद से, चाइनीज़, जैपनीज़, और कोरियन (CJK) विराम चिह्नों के लिए कर्निंग. - सभी भाषाओं में फ़ॉन्ट का साइज़ एक जैसा होना चाहिए.
जापानी वाक्यांश के लिए लाइन ब्रेक: 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 Japan: BudouX: 読みやすい改行のための軽量な分かち書き器 लेख पढ़ें.
हम Chrome के आने वाले वर्शन में, कोरियन और चाइनीज़ भाषाओं के लिए भी यह सुविधा उपलब्ध कराएंगे.
स्क्रिप्ट के बीच की स्पेसिंग: text-autospace
फ़िलहाल, यह सुविधा Chrome में फ़्लैग के तौर पर उपलब्ध है. इसकी जांच करने के लिए, Chrome 120 या उसके बाद के वर्शन में वेब प्लैटफ़ॉर्म की एक्सपेरिमेंटल सुविधाएं फ़्लैग (chrome://flags/#enable-experimental-web-platform-features में मौजूद) को चालू करें.
चाइनीज़ और जैपनीज़ में कई स्क्रिप्ट, हॅन, लैटिन, और एसीएसआई अंक के साथ-साथ जैपनीज़ में हीरागाना और काताकाना का इस्तेमाल किया जाता है. नॉन-हान आइडियोग्राफ़िक स्क्रिप्ट से स्विच करते समय और उस पर वापस आते समय, थोड़ी जगह छोड़ने से अक्सर टेक्स्ट को पढ़ने में मदद मिलती है.
Chrome, डिफ़ॉल्ट रूप से स्क्रिप्ट के बीच स्पेस डालने की सुविधा शुरू करने जा रहा है. इस सुविधा की मदद से, वेब पर भी प्रिंट किए गए कॉन्टेंट की तरह ही, टेक्स्ट को आसानी से पढ़ा जा सकता है.
text-autospace की मदद से कंट्रोल किया जा सकता है.
अगर आपको यह सुविधा बंद करनी है, तो text-autospace प्रॉपर्टी की मदद से, स्पेस डालने की सुविधा को कंट्रोल किया जा सकता है.
text-autospace: no-autospace;
CJK विराम चिह्न के लिए केर्निंग: text-spacing-trim
यह सुविधा अभी तैयार की जा रही है. इसका मकसद, इसे Chrome में डिफ़ॉल्ट रूप से चालू करना है.
चाइनीज़, जैपनीज़, और कोरियन भाषाओं में, विराम चिह्नों के बीच कर्निंग लागू करने से, टेक्स्ट को पढ़ने में आसानी होती है. साथ ही, यह विज़ुअल तौर पर भी बेहतर दिखता है. ज़्यादातर प्रिंट किए गए कॉन्टेंट और वर्ड प्रोसेसर में, आज भी यह कर्निंग लागू होती है.
उदाहरण के लिए, CJK पीरियड और CJK क्लोज़ पैरेन्थिसिस को आम तौर पर, ग्लिफ़ स्पेस के दाएं आधे हिस्से में ग्लिफ़ के बीच के स्पेस के लिए डिज़ाइन किया जाता है, ताकि हर वर्ण के बीच एक जैसा स्पेस हो.
हालांकि, जब ये विराम चिह्न एक पंक्ति में दिखते हैं, तो ग्लिफ़ के बीच की जगह ज़्यादा हो जाती है. नीचे दिए गए दो उदाहरणों में, दूसरा उदाहरण सही टाइपोग्राफ़ी है. CJK पीरियड के दाएं आधे हिस्से को हटा दिया जाना चाहिए.
डिफ़ॉल्ट तौर पर, इसकी सेटिंग से आम तौर पर अच्छे नतीजे मिलते हैं. हालांकि, डेवलपर अलग-अलग स्टाइल चुनने या कुछ मामलों में इसे बंद करने के लिए, text-spacing-trim प्रॉपर्टी का इस्तेमाल कर सकते हैं.
सभी भाषाओं में फ़ॉन्ट का कम से कम साइज़ एक जैसा होना चाहिए
Chrome 118 से पहले, 10 पिक्सल या उससे छोटे फ़ॉन्ट साइज़ को तय किए गए तरीके से रेंडर नहीं किया जाता था. हालांकि, अगर भाषा अरबी, फ़ारसी, जैपनीज़, कोरियन, थाई, आसान चाइनीज़ या ट्रेडिशनल चाइनीज़ थी, तो फ़ॉन्ट साइज़ को राउंड अप किया जाता था. डेवलपर को छोटे टेक्स्ट को रेंडर करने के लिए, transform प्रॉपर्टी का इस्तेमाल करके, कुछ तरीके अपनाने पड़ते थे.
Chrome 118 से, सभी भाषाओं के लिए यह सीमा हटा दी गई है. इससे, सात भाषाओं को बाकी भाषाओं के साथ मैच किया जा सकेगा. इस बदलाव से, अन्य ब्राउज़र के साथ इंटरऑपरेबिलिटी (दूसरे सिस्टम के साथ काम करना) को बेहतर बनाया जा सकता है.
दर्शकों से जुड़ना और सुझाव, राय या शिकायत शेयर करना
अगर आपको इन सुविधाओं के बारे में कोई सुझाव, शिकायत या राय देनी है, तो कृपया crbug.com पर समस्या दर्ज करें.