I have been designing the UI for a financial application. I'd usually do high-fidelity mockups using Photoshop and send them to the developers. What I have noticed is that the text in the actual product looks different from my mockups, but they are in fact the same font. The left image is the high-fi mockup, using Arial. The right image is the actual product, also in Arial. I tried all the different anti-aliasing options, but none gets me close to the image on the right. Can someone explain to me why this is happening?
I'm not sure if this is the right place to ask this question. If not, can someone please direct me to an appropriate source? Thank you!