Re: [csswg-drafts] Hanging punctuation should include hyphens, particularly those used with justify [css-text-3] [css-text-4] (#9329)

> My impression is that what we're really wanting here in most cases isn't hanging punctuation, it's optical alignment of the glyphs at the start/end of the line.

This is the case for the example in the third reference, but for the hyphens I found the 50% hanging to be usually preferable:

<img width="81" alt="Cropped screenshot of the example showing the right edge with the hyphens half-hanging over the text box's edge." src="https://github.com/w3c/csswg-drafts/assets/177485/00b1aa82-6600-4da6-a774-eb1a16d4beca">

While this _can_ be considered _optical_ alignment, I'd argue that any hanging punctuation can be treated as such if we squint hard enough.

Speaking of, as a fun sidenote anecdote, the way I did implement the hanging hyphens on web in the past was by modifying the font box of the hyphens in the font, adding `&shy;` wrapped in a span and assigning that modified font to these spans. A _very_ convoluted work-around, with alternatives, at the time, having some crossbrowser issues ([bug1](https://bugs.chromium.org/p/chromium/issues/detail?id=587918), [bug2](https://bugs.webkit.org/show_bug.cgi?id=153980)).

Having a native control over this would be really nice, as it would remove the necessity for these kinds of hacks.

-- 
GitHub Notification of comment by kizu
Please view or discuss this issue at https://github.com/w3c/csswg-drafts/issues/9329#issuecomment-1712356845 using your GitHub account


-- 
Sent via github-notify-ml as configured in https://github.com/w3c/github-notify-ml-config

Received on Saturday, 9 September 2023 00:22:44 UTC