reedsa / create-react-app-templates Goto Github PK

In my LP02 project (team 4) as well as Micky's (team 9) we ran into a chrome bug/issue rendering some numbers in fonts that nobody seemed able to figure out.

In the end, the solution was to disable the text-rendering: optimizeLegibility; on the body tag and setting it to text-rendering: auto;. There's several pages discussing the weirdness of this setting:

https://developer.mozilla.org/en-US/docs/Web/CSS/text-rendering (Note the Browser Compatibility section at the bottom.)
https://bocoup.com/blog/text-rendering
https://wp-mix.com/font-smoothing-chrome-firefox/

But in the end, people are just recommending to turn it off. That's what I we did on the projects above, and everything was fixed.