Font weight inconsistencies

Hi, this isnt specific to Wappler or Bootstrap, I have spent a few days trying to find a solution on my own without success & would appreciate some help if you can.

I have imported a font into my stylesheet (@font-face{font-family:) it’s loading fine except there is an issue where the font displays a thicker weight on my desktop computer compared to my iphone. I have the exact same font in my bubble app, imported the same way but the font is consistent.

I tested on Codepen and it has the same issue. My question is do you perhaps know of some additional styling Bubble is using to keep the font weight consistent across all devices?

Found it finally…

* { 
-webkit-font-smoothing:antialiased;
-moz-osx-font-smoothing: grayscale;
}