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