My team and I made a pixel-perfect mobile design on figma (using iPhone 11 frame), but when we got to development (Webflow), we realized the font size represented in the mobile figma (ie. 36px) was not accurate when implemented during development. The font size on the site was a lot larger visually, despite being the exact same size and the exact same font file. It feels very misleading and I’m not sure if maybe this was just an isolated experience because of the font we used. Just never thought the discrepancy would be so large. I thought my dev was trying to cause us pain on purpose haha.
Has anyone ever experienced this in the past? Is there a workaround? Right now, I am thinking I may need to make a mobile style guide and eyeball it moving forward.
