CSS Text Module Level 4 中的四項新國際 CSS 功能即將登陸 Chrome 瀏覽器。本篇文章將介紹哪些功能已經發布,哪些功能即將發布。
此功能提高了日文文本的可讀性,從Chrome 119開始可用。
一些東亞語言(例如中文或日語)不使用空格來分隔單詞,并且行可以在任何字符處換行,即使它位于單詞的中間。這是這些語言的正常換行行為,但在標題或詩歌等短文本中,最好在自然短語邊界處換行(在日語中,此邊界稱為“Bunsetsu”)。
新的 CSS 功能 word-break: auto-phrase 指定換行應發生在此類邊界處。
注意:需要 lang="ja" 來聲明文本為日語。
<html lang="ja"><style>h1 { word-break: auto-phrase;}</style><h1>窓ぎわのトットちゃん<h1>
圖片
邊界檢測是由機器學習引擎執行的,因此可能無法達到您的預期效果。如果出現這種情況,您可以手動調整可斷點。<wbr> 標記或零寬度空間(​)可強制執行斷點,而零寬度連接符(‍)可防止斷點。
窓ぎわの<wbr>トットちゃんユーザー<wbr>インターフェース
目前,Chrome只支持日語,使用了使用AdaBoost ML技術的BudouX C端口。
我們計劃在Chrome的未來版本中支持韓語和中文。
下面的特性目前在Chrome中是一個標志。要測試它,請在Chrome 120或更高版本中啟用實驗性Web平臺特性標志(可在 chrome://flags/#enable-experimental-web-platform-features 處找到)。
中文和日文混合使用多種文字,漢文、拉丁文、ASCII 數字以及日文中的平假名和片假名。在切換非漢字表意文字時,小間距通常有助于提高可讀性。
Chrome計劃開始默認插入字符間距。該功能將一種普遍做法(在印刷材料中廣泛使用以提高可讀性)帶到Web上。
圖片
如果您想禁用此行為,可以使用 text-autospace 屬性來控制插入間距。
text-autospace: no-autospace;
注意:如果不同文本周圍存在顯式空格字符,Chrome 不會插入空格,因此您不必擔心修復現有內容。
以下功能正在開發中,目標是使其在Chrome中默認啟用。
在中文、日文和韓文中,在標點符號之間使用字距可以提高可讀性,并產生更美觀的排版效果。如今,大多數印刷材料和文字處理器都使用這種字距。
例如,CJK 句點和 CJK 閉括號通常設計為在符號空間的右半部分具有符號內部空格,以便每個字符具有連續的前進。
但是當這些標點符號出現在一行中時,這種符號內部的間距就會變得過大。在下面的兩個例子中,第二個是正確的排版;右半部分的CJK句點應該被刪除。
圖片
默認行為通常會提供良好的效果,但開發人員可以使用 text-spacing-trim 屬性來選擇不同的樣式,或者在某些情況下禁用它。
注:該功能由兩部分組成;一個用于行邊緣,另一個用于相鄰字符。當使用的字體為 Noto CJK(來自 Android 13 和 ChromeOS 90)時,后者已經在 Android 和 ChromeOS 上可用。此功能通過支持線條邊緣、支持更多字體和平臺以及支持更多邊緣情況(例如字體更改時)對其進行補充。
在 Chrome 瀏覽器 118 之前,如果語言是阿拉伯語、波斯語、日語、韓語、泰語、簡體中文或繁體中文,小于 10px 左右的字體大小不會按照指定的方式呈現,而是四舍五入。開發人員需要變通方法來渲染小文本,例如使用 transform 屬性。
從Chrome 118開始,所有語言的限制都被解除了,這七種語言與其他語言一樣。這一改變提高了與其他瀏覽器的互操作性。
圖片
https://developer.chrome.com/blog/css-i18n-features?hl=en
本文鏈接:http://www.www897cc.com/showinfo-26-45490-0.html終于要改進東亞語言如中文的排版體驗了,CSS中引入四個新的國際功能
聲明:本網頁內容旨在傳播知識,若有侵權等問題請及時與本網聯系,我們將在第一時間刪除處理。郵件:2376512515@qq.com
上一篇: LLM生成3D場景,無限延伸!斯坦福華人提出3D動畫生成框架,一句話一幅圖創造無限3D世界
下一篇: 聊一聊 .NET高級調試 內核模式堆泄露