CSS টেক্সট মডিউল লেভেল 4 থেকে চারটি নতুন আন্তর্জাতিক CSS বৈশিষ্ট্য Chrome এ আসছে। এই পোস্টটি ব্যাখ্যা করে যে ইতিমধ্যে কী পাঠানো হয়েছে এবং কী শীঘ্রই আসছে৷
- ক্রোম 119 থেকে:
word-break: auto-phrase। - Chrome 120 থেকে একটি পতাকার পিছনে:
text-autospaceসম্পত্তির সাথে ইন্টার-স্ক্রিপ্ট ব্যবধান। - উন্নয়নাধীন: চীনা, জাপানি, এবং কোরিয়ান (CJK) বিরাম চিহ্ন
text-spacing-trimবৈশিষ্ট্য সহ। - ভাষা জুড়ে সামঞ্জস্যপূর্ণ ন্যূনতম ফন্টের আকার।
জাপানি বাক্যাংশ লাইন ব্রেকিং: word-break: auto-phrase
এই বৈশিষ্ট্যটি জাপানি পাঠ্যের পাঠযোগ্যতা উন্নত করে এবং Chrome 119 থেকে উপলব্ধ
কিছু পূর্ব এশীয় ভাষা যেমন চাইনিজ বা জাপানি শব্দগুলিকে আলাদা করার জন্য স্পেস ব্যবহার করে না এবং লাইনগুলি যে কোনও অক্ষরে মোড়ানো হতে পারে, এমনকি এটি একটি শব্দের মাঝখানে থাকলেও। এই ভাষাগুলির জন্য এটি স্বাভাবিক লাইন ভাঙার আচরণ, তবে শিরোনাম বা কবিতার মতো সংক্ষিপ্ত পাঠে, স্বাভাবিক বাক্যাংশের সীমানায় লাইনগুলি মোড়ানো বাঞ্ছনীয় (জাপানি ভাষায়, এই সীমানাটিকে "বুনসেটসু" বলা হয়)।
নতুন CSS বৈশিষ্ট্য 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 এ একটি পতাকার পিছনে রয়েছে৷ এটি পরীক্ষা করার জন্য, ক্রোম 120 বা তার পরবর্তীতে এক্সপেরিমেন্টাল ওয়েব প্ল্যাটফর্ম বৈশিষ্ট্য পতাকা ( chrome://flags/#enable-experimental-web-platform-features এ পাওয়া যায়) সক্ষম করুন৷
চীনা এবং জাপানি একাধিক স্ক্রিপ্ট, হান, ল্যাটিন এবং ASCII সংখ্যার পাশাপাশি জাপানিদের ক্ষেত্রে হিরাগানা এবং কাতাকানা মিশ্রিত করে। নন-হ্যান আইডিওগ্রাফিক স্ক্রিপ্ট থেকে এবং তে স্যুইচ করার সময় ছোট ব্যবধানগুলি প্রায়শই পাঠযোগ্যতাকে সহায়তা করে।
Chrome ডিফল্টরূপে ইন্টার-স্ক্রিপ্ট স্পেসিং সন্নিবেশ করা শুরু করার পরিকল্পনা করছে৷ এই বৈশিষ্ট্যটি একটি সাধারণ অনুশীলন নিয়ে আসে, যা ওয়েবে পঠনযোগ্যতা উন্নত করতে মুদ্রিত উপকরণগুলিতে ব্যাপকভাবে ব্যবহৃত হয়।
text-autospace দিয়ে নিয়ন্ত্রণ করা যেতে পারে। আপনি যদি এই আচরণটি নিষ্ক্রিয় করতে চান তবে text-autospace বৈশিষ্ট্য আপনাকে স্পেসিং সন্নিবেশ নিয়ন্ত্রণ করতে দেয়।
text-autospace: no-autospace;
CJK যতিচিহ্ন কার্নিং: text-spacing-trim
নিম্নলিখিত বৈশিষ্ট্যটি বিকাশের অধীনে রয়েছে, উদ্দেশ্য যে এটি Chrome-এ ডিফল্টরূপে সক্ষম হবে৷
চাইনিজ, জাপানিজ এবং কোরিয়ান ভাষায়, বিরাম চিহ্নের অক্ষরের মধ্যে কার্নিং প্রয়োগ করা পঠনযোগ্যতা উন্নত করে এবং আরও দৃশ্যত আনন্দদায়ক টাইপোগ্রাফি তৈরি করে। বেশিরভাগ মুদ্রিত উপকরণ এবং শব্দ প্রসেসর আজ এই কার্নিং প্রয়োগ করে।
উদাহরণস্বরূপ, CJK পিরিয়ড এবং CJK ক্লোজ বন্ধনীগুলি সাধারণত গ্লাইফ স্পেসগুলির ডান অর্ধেকের গ্লাইফ-অভ্যন্তরীণ ব্যবধান রাখার জন্য ডিজাইন করা হয়, যাতে প্রতিটি অক্ষরের একটি ধ্রুবক অগ্রগতি থাকে।
কিন্তু যখন এই যতিচিহ্ন অক্ষরগুলো এক সারিতে উপস্থিত হয়, তখন এই গ্লিফ-অভ্যন্তরীণ ব্যবধান অত্যধিক হয়ে যায়। নিম্নলিখিত দুটি উদাহরণে, দ্বিতীয়টি সঠিক টাইপোগ্রাফি; CJK সময়ের ডান-অর্ধেক মুছে ফেলা উচিত।
ডিফল্ট আচরণ সাধারণভাবে ভাল ফলাফল প্রদান করে, তবে বিকাশকারীরা বিভিন্ন শৈলী চয়ন করতে বা কিছু ক্ষেত্রে এটি নিষ্ক্রিয় করতে পাঠ্য-স্পেসিং-ট্রিম বৈশিষ্ট্য ব্যবহার করতে পারে।
ভাষা জুড়ে সামঞ্জস্যপূর্ণ ন্যূনতম ফন্টের আকার
ক্রোম 118-এর আগে, 10px বা তার চেয়ে ছোট ফন্টের আকারগুলি নির্দিষ্টভাবে রেন্ডার করা হত না, তবে ভাষাটি আরবি, ফার্সি, জাপানি, কোরিয়ান, থাই, সরলীকৃত বা ঐতিহ্যবাহী চীনা হলে রাউন্ড আপ করা হত। ডেভেলপারদের ছোট টেক্সট রেন্ডার করার জন্য সমাধানের প্রয়োজন ছিল, উদাহরণস্বরূপ transform প্রপার্টি ব্যবহার করে।
Chrome 118 থেকে, এই সীমা সমস্ত ভাষার জন্য তুলে নেওয়া হয়েছে, যাতে সাতটি ভাষা বাকিদের সাথে মিলে যায়। এই পরিবর্তনটি অন্যান্য ব্রাউজারগুলির সাথে আন্তঃকার্যক্ষমতা উন্নত করে।
জড়িত এবং মতামত শেয়ার করুন
এই বৈশিষ্ট্যগুলি সম্পর্কে আপনার কোন প্রতিক্রিয়া থাকলে, অনুগ্রহ করে crbug.com এ একটি সমস্যা ফাইল করুন৷