1417142 - AnandTech has a 1px transparent text-stroke on all of its text

Status: RESOLVED FIXED

(Web Compatibility :: Site Reports, defect)

Description

[Jeff Muizelaar [:jrmuizel]]

This causes us to fallback on all of the text. I can't think of any reason that anandtech would be doing this.

Comment 1

[Jeff Muizelaar [:jrmuizel]]

Mike can we tech evangelism this away?

Comment 2

[Mike Taylor [:miketaylr]]

(In reply to Jeff Muizelaar [:jrmuizel] from comment #1)
> Mike can we tech evangelism this away?

We can sure try. I'm not sure I have the hardware to reproduce this issue, even after enabling gfx.webrender.enabled...

But, I do see the following from https://www.anandtech.com/Content/css?v=wnljD6QmlvZCKRyRqswVfIK-UuiaCaxzDBqi_-IacQA1:

body {
    font-family: 'Arimo',sans-serif;
    font-size: 14px;
    font-weight: 400;
    color: #343434;
    -webkit-text-stroke: 1px transparent;
    -webkit-text-size-adjust: 100%;
}

Also it seems like Safari/Blink just ignore that. I can't perceive any stroking with a transparent value... maybe I should update the compat spec to reflect that: https://compat.spec.whatwg.org/#the-webkit-text-stroke-color. I'll file a bug for that.

Jeff, can you explain what you mean by fallback for the text? It will be helpful to explain to the site devs why we're making that request. Thanks.

Comment 3

[Darkspirit]

(In reply to Mike Taylor [:miketaylr] (58 Regression Engineering Owner) from comment #2)
> I'm not sure I have the hardware to reproduce this issue, even after enabling gfx.webrender.enabled...

Works only in Nightly:
gfx.webrender.enabled;true
gfx.webrender.blob-images;true
gfx.webrender.highlight-painted-layers;true
(on Linux: + layers.acceleration.force-enabled;true)

Fallback: Red things are not made by WebRender.
Example URLs: https://www.anandtech.com/show/11882/the-gigabyte-aorus-ax370gaming-5-motherboard-review
vs. https://blog.mozilla.org/blog/2017/11/14/introducing-firefox-quantum/

Comment 4

[Jeff Muizelaar [:jrmuizel]]

Mike, I wouldn't bother saying anything about the fallback. Just say that adding a text-stroke causes us to actually stroke all of the text. This is quite an expensive operation and will slow down all text drawing on the page.

Comment 5

[Mike Taylor [:miketaylr]]

Roger that. Thanks.

Adam, can you help us get in touch?

Comment 6

[Adam Stevenson [:adamopenweb]]

Yep, reaching out on Twitter.

Comment 7

[Adam Stevenson [:adamopenweb]]

The Editor-in-Chief has passed this along to their development team. They said thank you for bringing it to their attention.

Comment 8

[Jeff Muizelaar [:jrmuizel]]

And it looks like this is fixed.

Comment 9

[Mike Taylor [:miketaylr]]

Wow, fast. Thanks Adam!