1437268 - line-through text decoration is too low

Status: NEW

(Core :: Layout: Text and Fonts, defect, P3)

Description

[Kartikaya Gupta (email:[e-mail])]

Attachment: Screenshot

Go to https://developer.mozilla.org/en-US/docs/Web/CSS/text-decoration and scroll down to the rendered view of the examples. Note that in the "line-through" example the line is really low on the text. Chrome renders this better, with the line going through the middle of the text. See attached screenshot for the view in Firefox (OS X, latest beta).

I see this on current release/beta/nightly on OS X and it doesn't look that great. I ran into this while building a web app but then realized it seems to happen everywhere.

Maybe related to bug 932743?

Comment 1

[Xidorn Quan [:xidorn] UTC+10]

It seems to work fine for me on macOS 10.12 with Firefox 58 release and 60 nightly.

It may be related to the font. What font are you using?

Comment 2

[Kartikaya Gupta (email:[e-mail])]

The font-family on that page is just "serif" which seems to default to Times for me (at least that's what it says in the browser preferences). I verified I get the same behaviour in a clean profile on 58.0.2 release. I'm on macOS 10.13.3.