Vier nieuwe internationale CSS-functies uit de CSS-tekstmodule niveau 4 komen naar Chrome. In dit bericht wordt uitgelegd wat er al is verzonden en wat er binnenkort komt.
- Vanaf Chrome 119: Japanse zinsregelafbreking met
word-break: auto-phrase. - Achter een vlag uit Chrome 120: Interscript-afstand met de eigenschap
text-autospace. - In ontwikkeling: leestekenspatiëring in het Chinees, Japans en Koreaans (CJK) met de eigenschap
text-spacing-trim. - Consistente minimale lettergrootte in alle talen.
Regelafbreking van Japanse zin: word-break: auto-phrase
Deze functie verbetert de leesbaarheid van Japanse tekst en is beschikbaar vanaf Chrome 119
Sommige Oost-Aziatische talen, zoals Chinees of Japans, gebruiken geen spaties om woorden te scheiden, en regels kunnen om elk teken heen lopen, zelfs als het midden in een woord staat. Dit is het normale gedrag bij het afbreken van regels voor deze talen, maar in korte tekst, zoals koppen of gedichten, verdient het de voorkeur om regels op natuurlijke zinsgrensgrenzen te plaatsen (in het Japans wordt deze grens "Bunsetsu" genoemd).
De nieuwe CSS-functie word-break: auto-phrase specificeert dat er bij dergelijke grenzen omloop moet plaatsvinden.
<html lang="ja">
<style>
h1 {
word-break: auto-phrase;
}
</style>
<h1>窓ぎわのトットちゃん<h1>
word-break: auto-phrase laat de regel lopen op de natuurlijke zinsgrens. De grensdetectie wordt uitgevoerd door een machine learning-engine en resulteert daarom mogelijk niet in wat u van plan bent. Als dat gebeurt, kunt u breekbare punten handmatig aanpassen. Een <wbr> -tag of ZeroWidthSpace ( ​ ) dwingt een breekbaar punt af, en ZeroWidth Joiner ( ‍ ) voorkomt een breuk.
窓ぎわの<wbr>トットちゃん
ユーザー<wbr>インターフェース
Momenteel ondersteunt Chrome deze functie alleen voor Japans, met behulp van de BudouX C++-poort die gebruikmaakt van AdaBoost ML-technologie. Lees er meer over in Google Developers Japan: BudouX: 読みやすい改行のための軽量な分かち書き器.
We zijn van plan Koreaans en Chinees te ondersteunen in toekomstige versies van Chrome.
Afstand tussen scripts: text-autospace
De volgende functie bevindt zich momenteel achter een vlag in Chrome. Als u dit wilt testen, schakelt u de vlag Experimental Web Platform-functies in (te vinden op chrome://flags/#enable-experimental-web-platform-features ) in Chrome 120 of hoger.
Chinees en Japans combineren meerdere scripts, Han-, Latijns- en ASCII-cijfers, evenals Hiragana en Katakana in het geval van Japans. Kleine spaties bij het overschakelen van en naar niet-Han-ideografische scripts komen vaak de leesbaarheid ten goede.
Chrome is van plan om standaard interscript-spatie in te voegen. Deze functie brengt een gangbare praktijk, die veel wordt gebruikt in gedrukte materialen om de leesbaarheid te verbeteren, naar het internet.
text-autospace . Als u dit gedrag wilt uitschakelen, kunt u met de eigenschap text-autospace bepalen hoe u de spaties invoegt.
text-autospace: no-autospace;
CJK-interpunctie: text-spacing-trim
De volgende functie is in ontwikkeling, met als doel deze standaard in Chrome aan te zetten.
In het Chinees, Japans en Koreaans verbetert het toepassen van spatiëring tussen leestekens de leesbaarheid en levert dit een visueel aantrekkelijkere typografie op. De meeste gedrukte materialen en tekstverwerkers passen deze tekenspatiëring tegenwoordig toe.
CJK-punten en CJK-haakjes zijn bijvoorbeeld meestal ontworpen om glyph-interne spaties te hebben op de rechterhelft van de glyph-spaties, zodat elk teken een constante voortgang heeft.
Maar wanneer deze leestekens op een rij verschijnen, worden de interne spaties van de glyph buitensporig. In de volgende twee voorbeelden is de tweede de juiste typografie; de rechterhelft van de CJK-periode moet worden verwijderd.
Het standaardgedrag levert over het algemeen goede resultaten op, maar ontwikkelaars kunnen de eigenschap text-spacing-trim gebruiken om verschillende stijlen te kiezen, of deze in sommige gevallen uit te schakelen.
Consistente minimale lettergrootte in alle talen
Vóór Chrome 118 werden lettergroottes kleiner dan 10 px niet weergegeven zoals gespecificeerd, maar naar boven afgerond als de taal Arabisch, Farsi, Japans, Koreaans, Thais, Vereenvoudigd of Traditioneel Chinees was. Ontwikkelaars hadden oplossingen nodig om kleine tekst weer te geven, bijvoorbeeld door de eigenschap transform te gebruiken.
Vanaf Chrome 118 wordt deze limiet voor alle talen opgeheven, waardoor de zeven talen overeenkomen met de rest. Deze wijziging verbetert de interoperabiliteit met andere browsers.
Betrek en deel feedback
Als u feedback heeft over deze functies, kunt u een probleem indienen op crbug.com .