"Missing Fonts" alert on XD android mobile app.
We purchased some fonts and used them in the design but I cannot preview some of these fonts on the android XD app for some reason. Because of this issue, I couldn't check the visual design on the device it is designed for. As an alternative, (though frustrating) I had to take screenshot of the layout and paste it in the artboard in order to preview it on the phone.
Font used: FS jack
Thanks for your feedback. Font management has been a long standing delicate proposition – long before XD existed. The behavior you’re noting is not a design choice on our part, it’s a fact of life for how fonts work.
You can see the font in web prototype because it is converted to bitmap. When previewing in mobile the original XD file is loaded and that needs a font file to reference.
As a workaround, you can convert fonts to paths. If this is not a good solution for you, XD files can be previewed in XD mobile via USB. This should show the fonts in the file with no errors.
17 commentsComments are closed
As a PC user who can't opt for the tethering option, this is a very painful issue. Expecting us to convert the fonts to paths and exporting to the cloud is a wrong mindset, Adobe.
I hope the Adobe team tries a different font solution for the Mobile App. Both on iOS and Android. As other's have mentioned there are other screen design tools that allow for fonts to be displayed properly, and even the PDF format allow for this on some aspect.
Here's the current scenario I've experiences with a team of about 20 UX people. When conducting user testing on device through the mobile app, we aren't always tethered to a laptop (Actually we almost never are tethered). We have client licensed fonts that we use for desktop (vendor allows for display of the fonts), as well as web versions. However I can say that the vast majority of officially licensed fonts we use won't load/display on the mobile apps.
Additionally using the official Apple iOS "San Fransisco" font is only OTF, and when testing on Android devices since it's not a system font it will not load/display on XD Mobile App. I know what people might say, why not test with an iPhone, however many times we test multiple times a day throughout the team and use our own devices (Not everyone uses an iPhone).
Converting things all text to outline should never be suggested as viable solution. It's a workaround when in a pinch, not a viable solutions by any means.
Part of the team will use InVision just to not have to worry about the font not loading/displaying on the Mobile App when prototyping. I'm hopeful Adobe continues to work on this issue, with a viable solution.
Hi Nina. Expecting us to convert customer text to paths is not a suitable solution for this product. We're not shipping print files. Have you done prototype iterations where converting all text to paths is a good idea for editable content? Every iteration would need to be a copy? This is great for selling storage but not good for project management. What is the proposed fix we can expect as customers paying for Xd to work without such friction?
Jessica Gremillion commented
I'm still having this issue as well. Google fonts (like Open Sans) and fontawesome do not render at all and mess up my designs. I have to export to png in order to get an accurate preview on mobile :/
This is still a problem for me, as a designer you need to be able to show the font used to display the user experience. When the missing fonts error displays it can be a crushing moment especially when in front of the client. Being tethered to your computer is alright, but realistically if you want to really show the client how it works then being untethered is crucial.
I can understand not having the font file loaded with the mobile XD file, but if the web prototype can be converted to bitmap then surely there is a way of previewing the file on XD in a format that is readable by the mobile viewer?
Really surprised this is an issue for XD, every other part of this application works perfectly. I would've thought there would be a simple workaround to fix this after someone reported the issue over a year ago.
Samson Liu commented
I don't understand the decision behind making the mobile version like this. It's a weird design choice. If certain font vendors do not allow for the transferring of their fonts, why does the web version work? Oh so it's ok for their fonts to be on the web but somehow they won't allow it on phones?
Yes, you can convert text to paths, but most of the times you are using the mobile version for testing purposes. It's pretty likely that you need to change the text afterward. Since I don't think you can select all the text across artboards at the same time, it is incredibly troublesome with very little payoff.
Also, why do I need to install the font anyways? You can't edit anything on the mobile app! So I'm just going through all the trouble to install a font and just for preview? Who actually edit typefaces on phones?
I really want to know why you can't make mobile preview like web preview.
Webfont support (wof/eot) like you have in Axure would fit XD, that way we could show the client an autentic demo with the actual typeface instead of getting bombarded with "fonts missing" messages.
That was informative but it doesn't solve the issue. I think Adobe must fix this font issue by bundling the typeface with the prototype export, in the same fashion as IN to PDF export works. So the typeface actually loads with the new file if you know what I mean. Or else there will always be this huge font dilemma when viewing demos. Same thing with desktop design demos that are previewed in CC I would believe.
The typeface is such a large visual identity factor for clients and it also affects the way proportions etc in a layout appears in relation to text, I really think Adobe should take another look at this, cause after all text is an extremely common element in any layout. All the "fonts missing" messages are very destructive to receive when showing it to a client.
Any update on when this issue will be fixed? It does seem like this would be an important issue to resolve.
Note that you can already convert to path - Cmd+8 (Mac) or Ctrl+8 (Win).
Vignesh Naik commented
You should add an option in Adobe XD to convert to outline... That'll fix some problem for the time being.
Jakub Wang commented
AnyFont is a solution available only on iPhones. Other suggested approaches are pretty limiting and hamper designer’s ability to present their vision.
I wonder what is the actual purpose of the Adobe XD on mobile if we can’t really use it to preview projects on it. Especially on Android.
In my opinion, from technological point of view it shouldn’t as much challenging to display user fonts. Every browser out there does that for years now and none of the web fonts have to be present on device.
If that proves too difficult (I know XD is a proprietary format and using webview on mobile might require significant rework) you might look at font embedding. Word (end every Microsoft app) does that, your own PDF format allows that so why not .XD?
Again if that proves too difficult as well then how about using flat previews on mobile? You already do that when creating share links, so why not create same thing on mobile? It’s not like we can do anything other than preview projects on mobile, so whether we preview it in a form of flat layers or not is insignificant.
There are multitude of available solutions and approaches to solve the font issue and hearing that it is quite difficult to achieve for a company which is a software development giant is quite surprising.
I really would love you folks look into it because now AdobeXD is pretty much unusable on Android.
Jakub Wang commented
Year later this is still not fixed. Can you provide any ETA?
Almost no font can be used. Or give me example of font which can be used because so far I wasn't able to use any font I tried.
For example I tried to use Open Sans and Arial fonts and I strongly believe that inability to use them is a pure bug. Open Sans font's license (Apache) says clearly: "... a perpetual, worldwide, non-exclusive, no-charge, royalty-free, irrevocable copyright license to reproduce, prepare Derivative Works of, publicly display, publicly perform, sublicense, and distribute the Work and such Derivative Works in Source or Object form.
You may reproduce and distribute copies of the Work or Derivative Works thereof in any medium, with or without modifications, and in Source or Object form (...)"
It would be much more beneficial if you guys could mark fonts which are available for embedding.
Santosh Narayan commented
How can we identify those Fonts which not allowed for transfer or etc..? I tried Myraid and Open Sans, which is available on google font for any type of share and install. this is really very frustrating. you should fixed this very early commented.
Or just tell us the list of the fonts, which we should use while creating a prototype.
If I open Xd files via Creative Cloud, the fonts are not transferred. This is really annoying.
Stumbled upon the same issue working on a mobile mockup for iOS.
Uninstalling .OTF font with .TTF on my iMac solved it for me, and the font was displayed correctly on the device (iPhone) via the app.
AdminChris Nuuja (Admin, Adobe) commented
One of the reasons why a font might not download from desktop to your android device is due to font licensing restrictions. Each font embeds its own rules for how the font can be used. I see from fontsmith.com's checkout page that you have to decide if you are buying a Desktop, Web, or an App font (under "Digital" category). Perhaps you are required to install the App version of that font on your Android device.