twosigma/beakerx-www

heavy text on windows

scottdraves opened this issue · 7 comments

after deploying #51 we got
screen shot 2018-01-05 at 9 56 21 am
should be
screen shot 2018-01-05 at 9 56 26 am
works fine locally but not as deployed?

that fixed how it looks on mac, thanks.
now on windows (chrome) it's not so bad but not quite right.
it's also too heavy.

image001

It's 2018 and getting fonts to look good on multiple platforms is still hard.

shrug

I'm not able to reproduce this on my win 10 + chrome 63.

I have surface pro4 and there is high resolution there.
I'll try to find something with full HD display and normal DPI, maybe that's a reason.

I am curious as to why the fonts changed. Did the CSS cleanup end up removing some properties by accident?

Maybe it would be helpful to check out the way the elements are rendered in the old code to make sure we get to the same place in the new code.

my display settings look like:
image001 1

I am curious as to why the fonts changed. Did the CSS cleanup end up removing some properties by accident?

Maybe it would be helpful to check out the way the elements are rendered in the old code to make sure we get to the same place in the new code.

@jmsdnns Previously i missed

  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;

but it was mac related. I don't think i missed anything else.


I tried to reproduce this issue on 3 different win10 + chrome machines, but without success.

@scottdraves Can any of you check if you have the same issue on http://opensource.twosigma.com where css is similar or equal to previous version. Maybe it always looked like this?

Also can you check if you have installed local version of Lato font that is used in css, because local fonts have higher priority when loading web fonts.

What about Firefox/Edge. Is it only happening on chrome or system wide?

@LeeTZ checked it again still can't see this. Can we close this?