Skip to main content
Known Participant
February 19, 2021
Question

SF Pro Display does not display correctly on the XD iOS app

  • February 19, 2021
  • 4 replies
  • 2356 views

This appears to be an old issue - I have seen posts from a year back on this. As the subject says, the SF Pro Display font does not display correctly on the XD iOS app. It gets stretched. It is a major problem for designers, since they have to put paddings and margins differently in the actual artboard so as to see the intended look on the preview on the app, but then the developers code HTML and CSS to match what is on the artboard.

 

I have seen posts by Adobe employees on previous threads that this is being looked into. I would like to request them to expedite it if possible, and also post an expected date by when this will be fixed. Each day using XD is a problem for us since we use SF Pro Display for all our screens.

 

I would also greatly appreciate suggestions from anyone on any roundabout way to bypass this issue. Thank you!

This topic has been closed for replies.

4 replies

Participating Frequently
July 13, 2022
  1. In the SF Symbols app, select a symbol by clicking it and then copy the symbol (Command-C).
  2. Switch to Adobe XD and paste the symbol (Command-V).
  3. Change the symbol text from Area Text to Point Text.
  4. Change the font from Helvetica Neue to a San Francisco font.

 

Hope You Find This Useful,

Peter

New Participant
July 4, 2022

Is anyone from Adobe going to reply to this thread? Seems like at least an acknowledgement would help. 

 

HARSHIKA_VERMA
Community Manager
Community Manager
July 7, 2022

Hi All,

 

We are sorry for the trouble. It looks like you're experiencing the similar issue mentioned here:  Solved: Roboto font from Google has different heights on M... - Adobe Support Community - 11734620  


If yes, then after a long investigation on this issue and trying all the aspects to fix it. The team identified that the font engines on the 2 platforms return different values for this font, which won't be fixed until we use the same engine on both platforms. There is something related to this going on in the backend, but until then, there is nothing that team can do to fix it.

We are sorry for the inconvenience.

Thanks,
Harshika

New Participant
July 7, 2022

Different issue. SFPro doesn't load in the xd App in iOS. since SFPro is native in the app there should be no issue when it is used in xD, right?

knkkAuthor
Known Participant
February 22, 2021

Does anyone have any update? Thank you,

knkkAuthor
Known Participant
February 26, 2021

Wondering if any of the experts here has any suggestions... Thank you.

knkkAuthor
Known Participant
February 19, 2021

This is an issue others have pointed out many times in the past:

 

https://community.adobe.com/t5/adobe-xd/font-issues-with-roboto-and-sf-pro-display/m-p/11066462

https://community.adobe.com/t5/adobe-xd/bug-with-font-sf-pro-display-when-previewed-on-the-adobe-xd-mobile-app/m-p/11754751

 

including me 6 months back:

 

https://community.adobe.com/t5/adobe-xd/screen-appearing-differently-in-xd-the-software-and-in-the-xd-ios-app-preview/m-p/11399056#M35925

 

I also chatted with Adobe XD live support on this website, but they weren't able to help either (they got me to uninstall and reinstall XD on all my devices and reboot the devices, but that did not solve the problem).