Cards titles look different when published

A quick comparison of the two images and it strikes me that the treatment of the cards and banners is the same. Line ends, crops, grids are the same... What's different is that Layout Templates doesn't show the OS bar at the top and it doesn't "crop" the page to only show the aspect ratio of the iPad... so I have the impression that the preview in Layout Templates is the wrong shape, specifically it's too tall.

So the impression from Layout Templates is that I'll see all of the third row of cards, but the iPad isn't that shape. Layout Templates isn't particularly strong at reflecting the height of the selected screen dimension, IMO, but the overall design is there.

HTH -- Colin

Sorry, I may not have been clear about what is different between the 2. Yes, the crops, grids are the same, but I'm specifically talking about the way the card titles are treated. More specifically the leading. The leading on the cards are much different between the layout template and the published app. And it becomes even more apparent if you see the android version which is different than both the layout template and the published iPad app.

Got it. Sorry I missed that you're mostly focused on the fonts.

So what fonts did you load? Type/format.

The iOS and Android apps will tend to use the TTF or OTF font resource, Windows will want a WOFF format, and the Layout Templates will also want a WOFF resource.

The screen shots you see here were made with a pair of OTF fonts. The slab serif we've been able to convert to a WOFF for the Layout Templates. The other we can't find a WOFF version of, nor will it permit conversion. So we're looking for a replacement that provides web formats or will permit conversion.

Sounds like you've identified the issue.

Well, we thought we did, but after replacing the font with one that had a TTF and WOFF it actually made the leading issue worse. See screenshot:

A different font file/resource may have a different design -- you may need to readjust the leading or spacing values for the different font.

‌Yes, we have done this. I guess the problem boils down to this. We can get it to look exactly the way we want on the layout template set to iPad, but when we update the test app the leading and even the appearance of the font in some cases looks totally different. It actually looks closer to the way we want it on the Android test app.

I had a similar problem - At least on mine, the layout template is basically an approximation of the final product. The fonts on the layout preview display about 30% smaller than the app and the margins / paddings are nowhere close to the final app's display. I just kept using the live App to judge my adjustments - not worrying about the details on the layout template. After much adjusting, my layout preview looks terrible, but my live app looks just how I wanted. *shrugs*

‌I guess it's reassuring that someone else has had this same problem but surely this is not what Adobe intended. I'm guessing that most users are not having to look at the live app to see their changes. It just seems like you could skip the layout templates if this was the case. I feel like it must be on my end somewhere. I've just done everything I can think of, and it's still not working.