Comments on: Letter Spacing is Broken and There’s Nothing We Can Do About It… Maybe https://css-tricks.com/letter-spacing-is-broken-and-theres-nothing-we-can-do-about-it-maybe/ Tips, Tricks, and Techniques on using Cascading Style Sheets. Sun, 04 Aug 2024 16:55:07 +0000 hourly 1 https://wordpress.org/?v=6.6.1 By: Weed https://css-tricks.com/letter-spacing-is-broken-and-theres-nothing-we-can-do-about-it-maybe/#comment-1864702 Sun, 04 Aug 2024 16:55:07 +0000 https://css-tricks.com/?p=379318#comment-1864702 There is a problem with the current letter-spacing behavior in Arabic; It cuts the links between letters adding empty spaces, instead of extending them. The links are integral part of the written words and should not be cut. Here is an example how it should look like!
اهـلـاً عـا لـم !

Also I think letter-spacing would benefit greatly of multiplier unit. Instead of adding a fixed space, multiply the current space by it. Which keeps the intrinsic letter-spacing ratios.

]]>
By: Juan Diego Rodríguez https://css-tricks.com/letter-spacing-is-broken-and-theres-nothing-we-can-do-about-it-maybe/#comment-1858260 Wed, 31 Jul 2024 14:52:04 +0000 https://css-tricks.com/?p=379318#comment-1858260 In reply to manfreed.

Hi! Thanks for your comment.

I can’t give you an exact number on how many websites could break or at least look worse if letter-spacing is “fixed”, that is something that should be investigated if we want the “trimming” or “space around” solution to be implemented.

However, as noted on this CSSWG Group Issue: A Blink developer stated that “For Blink, the same as before; the breakage is beyond what we can accept”. And on the Gecko side, the breakage was more than expected. So there isn’t a definite conclusion.

If we don’t have any compact conclusion or “know the risk”, changing how browsers handle letter-spacing would be reckless. Especially since letter-spacing is used over 60% on the web.

Above all, I do understand the need to better compact data on the issue.

Thanks for reading!

]]>
By: Abhishek https://css-tricks.com/letter-spacing-is-broken-and-theres-nothing-we-can-do-about-it-maybe/#comment-1857765 Wed, 31 Jul 2024 10:32:59 +0000 https://css-tricks.com/?p=379318#comment-1857765 The space-around would be the best, as it will work for both LTR & RTL. If you do – after or before, then you’ll have to adjust the end character spacing differently for both layouts, which will be complex.

Additionally, both negative (-1em) & larger letter spacing (10em) should be considered. You wouldn’t want a 10em gap between screen edges and the letters.

]]>
By: manfreed https://css-tricks.com/letter-spacing-is-broken-and-theres-nothing-we-can-do-about-it-maybe/#comment-1857518 Wed, 31 Jul 2024 08:37:41 +0000 https://css-tricks.com/?p=379318#comment-1857518 You said, that fixing this would not be ideal, because…

this (anti) solution brings compatibility risks that are simply too big to even consider; text measurement and line breaks would change, possibly causing breakage on lots of websites

In short, two of your main points being that such fix would:

affects “lots of websites”
and the risks are big

I’m not sure what “lot” means. We would need to find out how many websites are using letter-spacing, especially in a way that fixing this would actually break the site.

And for that we need to consider what “breaking the site” means. Because we are talking about something that should not (really) affect functionality, only how things look.

And then we can discuss what you mean by risks being big.

What exactly the risk?

Worst case, some UI could actually break. A header might overflow content below, cover an important link or button.

My guess is that this would be rare, compared to more harmless readability issues, like words or paragraphs being a bit more close to each other, than expected.

I understand that this is still not ideal, but it is also not ideal having to learn one more inconsistent and broken behaviour, and one more CSS property to work around it.

I like the sentiment of the web platform wanting to keep backwards compatibility, but we are already at a point where lots of websites are already broken, many things are not rendering as they was imagined, more serious breakages and changes has happened in the past.

]]>
By: Juan Diego Rodríguez https://css-tricks.com/letter-spacing-is-broken-and-theres-nothing-we-can-do-about-it-maybe/#comment-1856833 Tue, 30 Jul 2024 01:18:45 +0000 https://css-tricks.com/?p=379318#comment-1856833 In reply to Willem.

Hi! According to the spec, it is equal to the space defined in the letter-spacing property and nothing else. The space around the “b”s should also be equal between them.

]]>
By: Willem https://css-tricks.com/letter-spacing-is-broken-and-theres-nothing-we-can-do-about-it-maybe/#comment-1855690 Mon, 29 Jul 2024 19:39:29 +0000 https://css-tricks.com/?p=379318#comment-1855690

…should give an equal space between the two “b” letters:

Equal to what?

]]>