新聞中心
CSS Text Module Level 4 中的四項新國際 CSS 功能即將登陸 Chrome 瀏覽器。本篇文章將介紹哪些功能已經(jīng)發(fā)布,哪些功能即將發(fā)布。

創(chuàng)新互聯(lián)成立10余年來,這條路我們正越走越好,積累了技術與客戶資源,形成了良好的口碑。為客戶提供網(wǎng)站建設、成都網(wǎng)站建設、網(wǎng)站策劃、網(wǎng)頁設計、域名注冊、網(wǎng)絡營銷、VI設計、網(wǎng)站改版、漏洞修補等服務。網(wǎng)站是否美觀、功能強大、用戶體驗好、性價比高、打開快等等,這些對于網(wǎng)站建設都非常重要,創(chuàng)新互聯(lián)通過對建站技術性的掌握、對創(chuàng)意設計的研究為客戶提供一站式互聯(lián)網(wǎng)解決方案,攜手廣大客戶,共同發(fā)展進步。
- 從 Chrome 119 開始:日語短語換行與斷字:word-break: auto-phrase。
- 開發(fā)中:使用 text-spacing-trim 屬性的中文、日文和韓文標點字距。
- 來自 Chrome 120 的:具有 text-autospace 屬性的文字間間距。
- 跨語言的一致最小字體大小。
日語短語斷行:word-break: auto-phrase
此功能提高了日文文本的可讀性,從Chrome 119開始可用。
一些東亞語言(例如中文或日語)不使用空格來分隔單詞,并且行可以在任何字符處換行,即使它位于單詞的中間。這是這些語言的正常換行行為,但在標題或詩歌等短文本中,最好在自然短語邊界處換行(在日語中,此邊界稱為“Bunsetsu”)。
新的 CSS 功能 word-break: auto-phrase 指定換行應發(fā)生在此類邊界處。
注意:需要 lang="ja" 來聲明文本為日語。
窓ぎわのトットちゃん
圖片
邊界檢測是由機器學習引擎執(zhí)行的,因此可能無法達到您的預期效果。如果出現(xiàn)這種情況,您可以手動調(diào)整可斷點。
窓ぎわのトットちゃん
ユーザーインターフェース 目前,Chrome只支持日語,使用了使用AdaBoost ML技術的BudouX C端口。
我們計劃在Chrome的未來版本中支持韓語和中文。
字符間間距:text-autospace
下面的特性目前在Chrome中是一個標志。要測試它,請在Chrome 120或更高版本中啟用實驗性Web平臺特性標志(可在 chrome://flags/#enable-experimental-web-platform-features 處找到)。
中文和日文混合使用多種文字,漢文、拉丁文、ASCII 數(shù)字以及日文中的平假名和片假名。在切換非漢字表意文字時,小間距通常有助于提高可讀性。
Chrome計劃開始默認插入字符間距。該功能將一種普遍做法(在印刷材料中廣泛使用以提高可讀性)帶到Web上。
圖片
如果您想禁用此行為,可以使用 text-autospace 屬性來控制插入間距。
text-autospace: no-autospace;注意:如果不同文本周圍存在顯式空格字符,Chrome 不會插入空格,因此您不必擔心修復現(xiàn)有內(nèi)容。
CJK標點字距:text-spacing-trim
以下功能正在開發(fā)中,目標是使其在Chrome中默認啟用。
在中文、日文和韓文中,在標點符號之間使用字距可以提高可讀性,并產(chǎn)生更美觀的排版效果。如今,大多數(shù)印刷材料和文字處理器都使用這種字距。
例如,CJK 句點和 CJK 閉括號通常設計為在符號空間的右半部分具有符號內(nèi)部空格,以便每個字符具有連續(xù)的前進。
但是當這些標點符號出現(xiàn)在一行中時,這種符號內(nèi)部的間距就會變得過大。在下面的兩個例子中,第二個是正確的排版;右半部分的CJK句點應該被刪除。
圖片
默認行為通常會提供良好的效果,但開發(fā)人員可以使用 text-spacing-trim 屬性來選擇不同的樣式,或者在某些情況下禁用它。
注:該功能由兩部分組成;一個用于行邊緣,另一個用于相鄰字符。當使用的字體為 Noto CJK(來自 Android 13 和 ChromeOS 90)時,后者已經(jīng)在 Android 和 ChromeOS 上可用。此功能通過支持線條邊緣、支持更多字體和平臺以及支持更多邊緣情況(例如字體更改時)對其進行補充。
跨語言的一致最小字體大小
在 Chrome 瀏覽器 118 之前,如果語言是阿拉伯語、波斯語、日語、韓語、泰語、簡體中文或繁體中文,小于 10px 左右的字體大小不會按照指定的方式呈現(xiàn),而是四舍五入。開發(fā)人員需要變通方法來渲染小文本,例如使用 transform 屬性。
從Chrome 118開始,所有語言的限制都被解除了,這七種語言與其他語言一樣。這一改變提高了與其他瀏覽器的互操作性。
圖片
https://developer.chrome.com/blog/css-i18n-features?hl=en
新聞標題:終于要改進東亞語言如中文的排版體驗了,CSS中引入四個新的國際功能
鏈接URL:http://m.fisionsoft.com.cn/article/dhjopoh.html


咨詢
建站咨詢
