beta button styling is hard to read

[deborahgu]

Describe the issue

The font size for buttons on the new beta site is hard to read.

Tested in Firefox and Chromium browsers, on Windows 10 Pro.

The default rendering of the button text, on my browser, is in Noto Sans Bold, white on blue, with 0.875 rem.

In the image below, I've changed the left hand button to display at 1 rem, and left the right hand button at 0.875. Notice how some of the rounded corners of Noto Sans Bold get weirdly choppy at the smaller size. At least on my computer, increasing browser zoom doesn't fix the shape-skewing of .875 rem, it just makes the text bigger.

URL

https://beta.w3.org/evangelists/

Recommended solution

Change the button text to render at 1 rem. It looks perfectly nice and is easier to read.

Additional context

I am fully sighted, just aging and perforce have the myriad combined vision difficulties of being middle aged.

[vivienlacourba]

This issue looks similar to #29 where letters such as 'g' or 't' looked similarly strange likely because of not using a 1 rem size.

@NicolaSaunders any suggestion?

[NicolaSaunders]

@vivienlacourba I think you are right.

@deborahgu Please see #29 for a proposed solution.

[NicolaSaunders]

I have regenerated the font files in the branch hotfix/update-webfont.

[NicolaSaunders]

I am now closing this issue, as the related issue has been reported as fixed