Skip to main content
P
perrybrus
Inspiring
November 3, 2017
Answered

Font missing on mobile preview

  • November 3, 2017
  • 2 replies
  • 11604 views

When I view my prototype via the XD mobile app I get fonts missing. I'm using Roboto, something my Android device should find attractive and my prototype is generated from an updated XD on W10 OS. When I preview the same mobile layout on desktop the font is not missing, however I get another font missing message that regards a totally different font that I'm not using in that prototype at all, as I'm only using Roboto for this project.

What's up with that?

      This topic has been closed for replies.
      Correct answer Dan Rodney

      In the web prototype, the fonts get embedded into graphics. But the XD mobile app is different. From what I understand it's loading the actual XD file and therefore needs the fonts on that device.

      I think this has to do with how the live preview/updates work behind the scenes in the mobile app (as you work in XD on the desktop, the mobile app will update).

      I remember watching an Adobe Demo which said that the mobile XD app is actually XD running on a mobile device, which seemed to imply some interesting things for the future (although I could have been reading more into that than was intended).

      2 replies

      S
      sagnik
      Participant
      August 4, 2021

      Can anyone provide an actual solution to this issue, or any progress regarding solving this issue ?

      @Dan Rodney Are there any plans by adobe developers on solving this issue ? It has been more than 3 years and i am still facing this issue 

        M
        Mjulife
        Participant
        October 19, 2021

        I've got my iphone live preview to work with installing the fonts on my phone. A bit dodgy workaround but seems to do the trick until embedding is available. 

         

        Guide on how to install fonts on your ios device. I used iFont as suggested in the post, Google fonts available from within the app, you should be able to import custom fonts from iCloud storage. 

        https://thedashplanner.com/tutorials/how-to-add-fonts-to-ipad-or-iphone

        Colin Holgate
        Colin Holgate
        Inspiring
        November 3, 2017

        If you don't mind me taking a guess about this, there is Roboto in TypeKit, and there is Roboto from various other places that you can add to Windows 10. Although they have exactly the same name, Adobe may only be embedding the ones that are licensed via TypeKit.

        If you did get Roboto from TypeKit, then my guess can't be right, but if you got it from somewhere else you could disable it for the moment and try this page:

        Roboto | Typekit

        There is something slightly confusing on that page, there's an option to sync each version of the font, and a sync all, and an add to kit option. I think add to kit is for when using the font on a web site. I used the sync all option, and it seemed not to work, so then I did just the sync on Robot Regular, and that worked.

        I don't have an Android device on me right now, but the font definitely worked to my iPhone, which doesn't normally have Roboto.

          P
          perrybrusAuthor
          Inspiring
          November 7, 2017

          I don't get any typeface from typekit as I don't like that concept for many reasons. All of my typefaces are installed locally and my licensed fonts are all bought from vendors directly. Seems to me that XD handles type quite instable, as mentioned it gives me a different font missing message when previewed in desktop mode and another when previewed on a mobile. I thought XD embeds all the fonts used in a project automatically for prototype preview? Doesn't seem like it to be honest.

            Dan Rodney
            Community Expert
            Dan RodneyCommunity ExpertCorrect answer
            Community Expert
            November 9, 2017

            In the web prototype, the fonts get embedded into graphics. But the XD mobile app is different. From what I understand it's loading the actual XD file and therefore needs the fonts on that device.

            I think this has to do with how the live preview/updates work behind the scenes in the mobile app (as you work in XD on the desktop, the mobile app will update).

            I remember watching an Adobe Demo which said that the mobile XD app is actually XD running on a mobile device, which seemed to imply some interesting things for the future (although I could have been reading more into that than was intended).

            — Adobe Certified Expert & Instructor at Noble Desktop | Web Developer, Designer, InDesign Scriptor
              Terms & ConditionsAccessibility statement
              Using the community Terms of use Privacy Cookie preferences Do not sell or share my personal information ad choicesAdChoices