Anca Soncutean, Desktop QA Reporter
	Description • 6 years ago

[Affected versions]: 
- 58.0.2 (20180206200532)
- 59.0b13 (20180226180053) 
- 60.0a1 (2018-02-27)

[Affected platforms]:
- Ubuntu 16.04 x32

[Steps to reproduce]:
1. Launch Firefox
2. Go to https://ro.pinterest.com/ and log in 
3. Observe the picture’s text description
 
[Expected result]:
- Characters are displayed uniform, there is no space inconsistency between them.

[Actual result]:
- There are noticeable space gaps and overlapped characters inside random words.

[Regression range]:
- I will try to find a regression range as soon as possible.

	Jonathan Kew [:jfkthame]
	Comment 1 • 6 years ago

This is probably the same as bug 1435234.

	Jonathan Kew [:jfkthame]
	Comment 2 • 6 years ago

No, wait... if this affects versions as far back as Fx58, it can't be exactly the same as bug 1435234. The patches leading up to that issue didn't start landing until the mozilla-59 cycle.

So a regression range for this would be really helpful - thanks.

	Anca Soncutean, Desktop QA Reporter
	Comment 3 • 6 years ago

Apparently this is not a regression. I was able to observe the characters inconsistency way back to 2013 on Firefox 23.0a1. Before this build, on Firefox 22.0a1, I couldn't log in on Pinterest. 
Note that between Firefox 60.0a1(2018-01-25) and Firefox 60.0a1(2018-02-28) the issue was more obvious (see the attached file in comment 0), especially in the drop down area. It seams that on today and yesterday's nightly builds, the issue is again less visible and less words are affected (https://imgur.com/SRIggii).
I couldn't see any problem related to this issue on Chromium.

	wright.elliot
	Comment 4 • 6 years ago

You can see this on a few sites. It seems to be related to letter spacing. I've observed the issue on BitBucket too, and if I remove the `-0.05em` of letter spacing then all of the letters look completely normal. I've attached a bunch of screenshots to bug 1435234 that showcase this issue, and it does appear to be the same issue.

	wright.elliot
	Comment 5 • 6 years ago

Just as an update to this, I'm still seeing the issue on Firefox 60.0b13. I've seen a few other similar issues be closed recently, but this hasn't change at all for me. It still looks identical to what it looked like before. Here's a screenshot on 60.0b13: https://i.imgur.com/cFGCesK.png

	wright.elliot
	Comment 6 • 6 years ago

Note the "et" in "Bitbucket" (both instances) and the "ed" in "feedback". If you remove letter spacing using the developer tools, it looks pretty much normal. On Chrome the kerning looks right.

	wright.elliot
	Comment 7 • 6 years ago

To further illustrate this issue, you can see where all problems lie if you can see the transition between adding and removing letter spacing. Here is the what Firefox 60.0b13 looks like. As you can see, only one gap in the word collapses when the negative letter spacing is applied. The change is not uniform across the whole word.

	wright.elliot
	Comment 8 • 6 years ago

Here is what Chrome looks like. The toggling the negative letter spacing here yields a much more uniform change across the whole word. The gap that changes is not at any specific point, meaning the kerning still looks normal before and after the negative letter spacing is applied.

	Alex
	Comment 9 • 6 years ago

I also experience the problem. I've created a simple html file to demonstrate the problem https://gist.github.com/defue/ac0edc80ad670d2f43d8add1140b8dd1. Here is how it looks like on my machine https://pasteboard.co/HIGpQPe.png.

Ugly letter spacing occurs only when font is relatively small. If it is not ugly on your screen please try to reduce the font-size (not zoom out) in the style section of HTML file.

	Alex
	Comment 10 • 6 years ago

Firefox version 62.0.3 (64-bit)

	Alex
	Comment 11 • 6 years ago

BTW, the problem is present on both Linux (Ubuntu) and Windows 10.