A breve saranno disponibili su Chrome quattro nuove funzionalità CSS internazionali del modulo di testo CSS di livello 4. Questo post spiega cosa è già stato spedito e cosa sarà disponibile a breve.
- Da Chrome 119: interruzione di riga di frase in giapponese con
word-break: auto-phrase. - Dietro un flag in Chrome 120: spaziatura tra script e proprietà
text-autospace. - In fase di sviluppo: crenatura della punteggiatura in cinese, giapponese e coreano (CJK) con la proprietà
text-spacing-trim. - Dimensioni minime coerenti dei caratteri nelle lingue.
Interruzione di riga a frase in giapponese: word-break: auto-phrase
Questa funzionalità migliora la leggibilità del testo giapponese ed è disponibile a partire da Chrome 119
Alcune lingue dell'Asia orientale, come il cinese o il giapponese, non utilizzano gli spazi per separare le parole e le righe possono mandare a capo in corrispondenza di qualsiasi carattere, anche se si trova nel mezzo di una parola. Si tratta del normale comportamento di interruzione di riga per queste lingue, ma per testi brevi come titoli o poesie è preferibile mandare a capo la riga in corrispondenza dei confini della frase naturale (in giapponese questo confine è chiamato "Bunsetsu").
La nuova funzionalità CSS word-break: auto-phrase specifica che l'aggregazione deve avvenire in corrispondenza di questi limiti.
<html lang="ja">
<style>
h1 {
word-break: auto-phrase;
}
</style>
<h1>窓ぎわのトットちゃん<h1>
word-break: auto-phrase inserisce un a capo sulla riga in corrispondenza del limite della frase naturale.
Il rilevamento dei confini viene eseguito da un motore di machine learning, pertanto potrebbe non generare i risultati previsti. In questo caso, puoi regolare manualmente i punti di interruzione. Un tag <wbr> o uno spazio di larghezza nulla (​) applica un punto di rottura, mentre il joiner di larghezza zero (‍) impedisce un'interruzione.
窓ぎわの<wbr>トットちゃん
ユーザー<wbr>インターフェース
Attualmente Chrome supporta questa funzionalità solo per il giapponese, utilizzando la porta BudouX C++ che utilizza la tecnologia AdaBoost ML. Per saperne di più, visita il sito Google Developers Japan: BudouX: 読んやすト改ちのちめの軽設す分すチちチ器.
Prevediamo di supportare coreano e cinese nelle versioni future di Chrome.
Spaziatura tra script: text-autospace
La seguente funzionalità è attualmente protetta da un flag in Chrome. Per testarlo, attiva il flag Funzionalità della piattaforma web sperimentale (disponibile all'indirizzo chrome://flags/#enable-experimental-web-platform-features) in Chrome 120 o versioni successive.
Cinese e giapponese combinano più scritture e caratteri han, latini e ASCII nonché Hiragana e Katakana in caso di giapponese. Piccole spaziature quando si passa da e a script ideografici non Hanno spesso una maggiore leggibilità.
Chrome ha intenzione di iniziare a inserire la spaziatura tra gli script per impostazione predefinita. Questa funzionalità introduce una pratica comune, ampiamente utilizzata nei materiali stampati per migliorare la leggibilità sul web.
text-autospace.
Se vuoi disattivare questo comportamento, la proprietà text-autospace ti consente di controllare l'inserimento delle spaziatura.
text-autospace: no-autospace;
Crenatura punteggiatura CJK: text-spacing-trim
La funzionalità che segue è in fase di sviluppo. Allo scopo di attivarla per impostazione predefinita in Chrome,
In cinese, giapponese e coreano, l'applicazione della crenatura tra i segni di punteggiatura migliora la leggibilità e produce una tipografia visivamente più piacevole. Attualmente la maggior parte dei materiali stampati e dei programmi di elaborazione testi utilizza questa crenatura.
Ad esempio, i punti CJK e le parentesi chiusa CJK sono di solito progettati per avere spaziature interne del glifo nella metà destra degli spazi glifi, in modo che ogni carattere abbia un avanzamento costante.
Tuttavia, quando questi caratteri di punteggiatura vengono visualizzati in una riga, le spaziature interne al glifo diventano eccessive. Nei due esempi seguenti, il secondo è la tipografia corretta; la metà destra del periodo CJK deve essere rimossa.
Il comportamento predefinito offre in generale buoni risultati, ma gli sviluppatori possono utilizzare la proprietà text-sPacing-trim per scegliere stili diversi o, in alcuni casi, disabilitarla.
Dimensioni minime coerenti dei caratteri nelle lingue
Prima di Chrome 118, le dimensioni dei caratteri inferiori a 10 px non venivano visualizzate come specificato, ma arrotondate per eccesso se la lingua era arabo, cinese farsi, giapponese, coreano, thailandese, semplificato o tradizionale. Gli sviluppatori avevano bisogno di soluzioni alternative per visualizzare testo di piccole dimensioni, ad esempio utilizzando la proprietà transform.
A partire da Chrome 118, questo limite è stato rimosso per tutte le lingue, in modo che le sette lingue corrispondano alle altre. Questa modifica migliora l'interoperabilità con altri browser.
Interagisci e condividi feedback
Per eventuali feedback su queste funzionalità, segnala il problema all'indirizzo crbug.com.