Yesterday me and my colleague were collaborating on a same part of our project's UI and I noticed that she was changing correct paddings between text elements to incorrect one. When I asked why is she doing it, she answered that they were incorrect in the first place and she changed them to correct.
We've made a through-out testing and found out, that Roboto font has different heights on PC vs Mac. We've taken these screenshots while both co-editing this same file.
On a PC it looks like this:
At the same time (i co-editing) it looks like this on a Mac:
We are using the same Roboto font downloaded from Google: https://fonts.google.com/specimen/Roboto
Here is a PC system and font info:
Here is a Mac system and font info:
This is not a problem with one particular file, but with the font itself.
After a long testing we found out that this difference was not consistent along different sizes of Roboto font. We made this comparison in a cloud file, both saved it as local file and created links with Design Specs.
I've marked font sizes that don't match with red color and on the left I marked the height difference with red. Here you can clearly see that the difference may differ from 0 to 2 pixels and it can be at the top, or at the bottom, or both.
Link generated on a PC:
Link generated on a Mac:
As you can see even in Design Specs the same text has different height depending on what platform it was generated on.
Here are both files:
They both look exactly the same when are opened on the same platform.
This is a huge problem because I can't find any plausible workaround to make our Design Specs to be the same. It's very confusing both for designers and for developers. And after discussing this issue with our developers today, it appears that they already had a problem of different buttons being different heights that they had to fix. They thought I was just making small mistakes - it really hurts my reputation.
Roboto from Adobe Typekit is not an option, because it's way outdated and our developers use Google's version:
- Roboto from Google is v2.137 from 2017
- Roboto from Adobe is v2.001047 from 2015.
This is not the first report of the problem (it was reported year and a half ago) and there is no solution yet:
Adobe posts a lot of articles, videos and tutorials about design systems and enhanced collaboration. But we can't use neither of them because the same file opened in co-editing displays differently on PC vs Mac and the same components from our Libraries have different heights. This is not what I expect from a professional-grade software from such a huge developer as Adobe.
This is one example of a feature request that would eliminate this problem and was marked as FEATURE-COMPLETED:
But this "completed" feature is not what we were asking for - it's a totally different feature:
I've spent several months building our design system and now it's useless, and our developers and other coworkers think that I'm always making mistakes. This is not acceptable.
I hope this issue will be fixed soon because we can't work this way on a project where only a small part occupies 590 artboards and Library consists of 300+ elements.
I have the issue, it not possible to work on mac and on windows on the same project, thats nonsense.
Hi...balancing the qualities of a textual style that entire destinations are planned around so it appears to be unique for a tremendous % of the userbase and leaving it as sufficient is peculiar and flippant.
You've broken site formats with this slip-up (and it IS a mix-up now, not a "highlight"). Is it the clients shortcoming for believing you to keep a textual style stacking reliably I assume?
I just hit this problem too, using InDesign and transferring files back and forth with my localization vendor. Wow, this is maddening. I have wasted countless hours trying to fix a problem this is not fixable. The only solution I have now is to force everyone to use Macs.
Obviously there is still no solution to the problem. A popular font like Roboto should not be displayed differently on both systems if you want to work with it seriously. I now have the same problem with Roboto. The identical and latest Roboto True Type version is displayed differently.
Serious question: Is there a realistic time frame when this will be solved? I see new features in XD every month but such an elementary problem remains. Why?
My team just stumbled into this problem since we recently onboarded a Mac user, and WOW. I was beggining to think the designer wasn't paying attention to any of the spacing rules we established until they shared their screen and we realized that my file and hers (which were exactly the same file) were displaying different sizes. Absolutely mind boggling, that in 3 years this still hasn't been fixed. Starting to understand why people prefer Figma for collaboration.
My team is having the exact same issues. When will this be fixed?
Unfortunately I haven't heard anything. Been waiting for a while.