Re: [csswg-drafts] Support for shearing of lines and inline elements (#2983)

The CSS Working Group just discussed `Shearing Vertical Text`.

<details><summary>The full IRC log of that discussion</summary>
&lt;fantasai> Topic: Shearing Vertical Text<br>
&lt;fantasai> github: https://github.com/w3c/csswg-drafts/issues/2983<br>
&lt;birtles> pal: today there's the ability to specify slant on individual characters using oblique<br>
&lt;birtles> ... or italic<br>
&lt;birtles> ... sometimes it's useful to apply shear not on character-by-character but entire line<br>
&lt;birtles> ... that's desirable to apply alignment between ruby and base text<br>
&lt;birtles> ... it's subtle but really matters to folks that care<br>
&lt;birtles> ... separate issue about whether or not we should be able to specify the angle of shear per-character<br>
&lt;birtles> ... issue here is applying by the whole line<br>
&lt;birtles> nmccully: in print, it's not keeping the height/width of the line when you shear it<br>
&lt;birtles> ... you change the shape of the box of each character to a diamond<br>
&lt;birtles> ... it's call shatai in Japanese<br>
&lt;myles> https://helpx.adobe.com/ch_fr/indesign/using/formatting-cjk-characters.html<br>
&lt;myles> this is what Nat is talking about<br>
&lt;birtles> ... in subtitles has it become just a shear?<br>
&lt;birtles> pal: it seems to be just a one-dimensional thing in subtitles<br>
&lt;birtles> ... not sure if it's an artistic desire or technical limitation<br>
&lt;birtles> koji: the difference here is a position of the ruby, right?<br>
&lt;birtles> pal: yes<br>
&lt;birtles> koji: I'm not sure about this use case, but for me changing the position of the ruby looks to me<br>
&lt;birtles> ... shearing the individual characters looks better to me<br>
&lt;birtles> pal: on the thread some others seem to prefer shearing the whole line<br>
&lt;birtles> fantasai: for print we know they want the per-character approach<br>
&lt;birtles> ... so I suggest we propose that and take that to the subtitle group and see if that is acceptable<br>
&lt;birtles> ... it's possible that the request here for shearing the whole inline-block is just coming from technical limitations<br>
&lt;birtles> pal: I like the idea of going back and asking questions<br>
&lt;birtles> ... but the issue opened against ttml was specifically about not being able to shear the whole block<br>
&lt;birtles> fantasai: I thought the problem was that italics shears in the wrong direction<br>
&lt;birtles> koji: can you point to specific individual / issue so I can follow up<br>
&lt;florian> q+<br>
&lt;birtles> koji: I can't see any ruby in that issue<br>
&lt;Rossen__> https://w3c.github.io/ttml2/index.html#style-attribute-shear<br>
&lt;AmeliaBR> text-combine-upright does look bad with individual character shear: https://github.com/w3c/ttml2/issues/784#issuecomment-390856934<br>
&lt;fantasai> https://github.com/w3c/ttml2/issues/784<br>
&lt;birtles> florian: you said we want to shear the entire line OR paragraph<br>
&lt;birtles> ... these are two things<br>
&lt;birtles> ... for the second option, CSS transforms will do it<br>
&lt;birtles> pal: ttml can do all three: character, line, paragraph<br>
&lt;birtles> florian: the difference with ruby is more subtle<br>
&lt;birtles> ... but the text combine upright case is more obviously different<br>
&lt;birtles> pal: the issue in 2983 shows a good example<br>
&lt;birtles> ... 2983 ends with a question I asked<br>
&lt;birtles> myles: any proposal for how the author would describe to the browser the effect they desire<br>
&lt;birtles> pal: yes there is a proposal there<br>
&lt;birtles> myles: so a new property?<br>
&lt;birtles> ... has anyone considered re-purposing the new syntax for font-style to describe the shearing?<br>
&lt;birtles> glenn: no I have not<br>
&lt;birtles> ... we introduced three new properties: shear (block), line-shear (per-line including tatechuuyoko), font-shear (glyph box by glyph box)<br>
&lt;birtles> myles: one option would be to have font-style: oblique -14deg does shear<br>
&lt;birtles> ... and if it looks bad it's a browser bug<br>
&lt;birtles> fantasai: I don't think it will look good if there is latin text involved<br>
&lt;birtles> myles: there's an issue in the agenda for that later today<br>
&lt;birtles> fantasai: I don't think we can mix this with the oblique/italic feature<br>
&lt;birtles> nmccully: It's complicated to have these different properties, but I agree with fantasai's desire to have a separate feature for this<br>
&lt;birtles> ... to say I want to shear these things correctly, and provide an angle, and let the UA decide how to do it (especially for mixed text)<br>
&lt;birtles> koji: I agree with myles and don't understand why specifying an angle doesn't work<br>
&lt;birtles> ???: because the fonts<br>
&lt;birtles> koji: what exactly doesn't work?<br>
&lt;birtles> myles: my proposal is that the font-style property does more than just font selection<br>
&lt;birtles> ... it does font selection as it does today and also does the transform as necessary<br>
&lt;birtles> pal: the way this was explained to me is that the desired effect was literally just shearing<br>
&lt;birtles> koji: we understand, but the point is there are other glyph shearing use cases<br>
&lt;birtles> ... that is what myles is proposing<br>
&lt;birtles> pal: we need to understand three distinct use cases: per block, per line, per character<br>
&lt;nigel> s/???: because the fonts/nigel: you're asking a lot of the implementation and reducing authoring flexibility<br>
&lt;birtles> koji: we have per block already, myles is proposing per-character<br>
&lt;birtles> ... we are wondering what is needed for line shearing<br>
&lt;birtles> fantasai: this example on the screen shows why we can't cover the line case with the same per-glyph approach<br>
&lt;birtles> ... the characters all shear in different directions when using font-style: oblique<br>
&lt;birtles> (example includes mixed CJK and vertical and horizontal latin)<br>
&lt;birtles> myles: yes, we want to discuss this later today<br>
&lt;AmeliaBR> +1 for keeping this logically separate; too confusing when mixing latin and upright scripts<br>
&lt;birtles> nigel: I think we've understood the use case better, any proposal action?<br>
&lt;birtles> fantasai: CSS definitely needs to solve the per-character shearing<br>
&lt;birtles> ... block shearing is solved<br>
&lt;birtles> ... open question about if more is needed for line-shearing<br>
&lt;birtles> pal: for block shearing, transform shears the background too. Is that ok?<br>
&lt;birtles> AmeliaBR: you need a wrapper element if you want to avoid that<br>
&lt;birtles> pal: does the size change too for the block too?<br>
&lt;birtles> ... it doesn't so it extends beyond the background<br>
&lt;birtles> ... any chance of a shear property that affects block size?<br>
&lt;birtles> myles: transforms that affect layout?<br>
&lt;birtles> pal: yes<br>
&lt;birtles> AmeliaBR: it could be a dedicated block shear property<br>
&lt;birtles> florian: the general solution for transforms that affect layout is hard<br>
&lt;birtles> ... a limited use case could be ok<br>
&lt;birtles> pal: just reacting to the idea that block shearing is solved<br>
</details>


-- 
GitHub Notification of comment by css-meeting-bot
Please view or discuss this issue at https://github.com/w3c/csswg-drafts/issues/2983#issuecomment-532018412 using your GitHub account

Received on Tuesday, 17 September 2019 01:21:33 UTC