On a website I am working on, there is a specific overlay of text which pops-up. The text on that overlay is significantly blurred on non-retina devices, varying based on the font-size. The same font renders perfectly on other pop-ups everywhere else on the website, hence ruling out incorrect declarations. Also, the font is natively installed (TTF) and issue persists on using WOFF2 from google font servers.
I have also tried PS persistent SVG converted font, OTF and WOFF as well. The issue remains same.
Font used: Roboto
https://www.lybrate.com/topic/nothing-s-more-dangerous-than-drinking-water-in-plastic-bottles-5641/9e6b7343a854c5b769ad3fc568d72509
Retina device used : MacBook Pro early 2015 retina
Screenshot
Screenshot on retina display
Non retina device used : Apple Thunderbolt Display
Screenshot
Screenshot on retina 14px
Screenshot on retina 15px
Screenshot on retina 16px