Line-height for Text element

[a-erlandsen-z]

As far as I can see, there is no way to define line-height for a Text-element?

This would be very useful and help achieve better looking text display.

I'd expect more or less the same implementation as for the line-height CSS element.

See also: https://en.wikipedia.org/wiki/Leading

Bonus feature: allow vertical placement of a text element based on its baseline. The goal would be to align text elements in a more visually pleasing way.

[tronical]

Thanks for bringing this up here as discussion.

I'm hesitant about introducing line-height as I think that would come
along with the expectation of introducing the half-leading model. At the
moment we don't use that. The font's line-gap property is applied as a gap,
instead of the CSS way where half of it is distributed to the ascender
and the other half to the descender (half leading).

So, if we were to introduce line-height, then it would have to come
along with a half-leading property:

Text {
    line-height: 24px;
    half-leading: true;
    font-size: 18px;
}

But that feels like a step backward and perhaps there's a better way to
address the actual issues of alignment.

I can see two different directions:

1. We introduce ways to query font metrics (such as the line gap,
   ascender, descender, or capheight). With these and line gap only applied
   between actual lines of text, maybe it's possible to compute the
   necessary positions for the desired optical alignment you seek?

2. We introduce certain alignment/trim/edge properties to achieve the
   designed optical effect without explicit computation.

(1) is relatively easy to implement, I think, while (2) requires a much
deeper understanding of the individual alignment issues.

Would you be able to share a few of the concrete text alignment issues you've
encountered?

[tronical]

I've created #6047 and #6048 as first conclusions from this (continuing) discussion.

[a-erlandsen-z]

Perfect!

[a-erlandsen-z]

Any thoughts on combining word-wrap and elide?

[ogoffart]

Any thoughts on combining word-wrap and elide?

This should be already supported. You have to specify a height for the text: example

[a-erlandsen-z]

Ah. I'm sorry. I see that now.

I simply looked at the large amount of available space under item four in my example (SlintPad) and just assumed this had still not been implemented. Good to see.

So this simply points back to the original topic of this conversation, then: adjusting line space will solve this as well.

Thank you.