Copy link to clipboard
Copied
Hi everyone! I have a problem with shared designs. Design and already coded website have the same font sizes but on web it looks bigger than in design. It's happening across all font sizes. 😕 Any idea why it's happend and how to avoid this problem in future designs? Many thanks in advance!
It looks like your XD preview window is scaling down the entire design. not just fonts. The preview window is meant to preview prototype interactions. For viewing static designs and judging desktop sizes, remain in the primary XD window at 100% zoom.
Copy link to clipboard
Copied
Hi there,
Would you please let us know which Font you are using. And also your XD version, OS version and browser details.
Regards,
Jagriti Kashyap
Copy link to clipboard
Copied
Thank you for your response. Font is Poppins. XD version is the latest (but it happens also with previous version of XD), browser is google chrome and OS Windows 10.
Copy link to clipboard
Copied
There might be an issue if you and developers are using the same font but from different sources. For example, you use Poppins font from Adobe Fonts and developers use Poppins font from Google Fonts. To avoid such issues, I always download fonts from Google Fonts and install them locally if I know developers will use Google Fonts on a website.
Copy link to clipboard
Copied
Hi there,
Sorry for the delay in response. Are you still experiencing the issue? As rightly said by the above user, sometimes the source of the font downloaded makes a difference. I would also like to know if you both are on the same operating system or there is a difference there as well?
Thanks,
Harshika
Copy link to clipboard
Copied
It looks like your XD preview window is scaling down the entire design. not just fonts. The preview window is meant to preview prototype interactions. For viewing static designs and judging desktop sizes, remain in the primary XD window at 100% zoom.