フォントのレイアウト崩れ

お忙しい中でご回答いただきありがとうございます。

そして確認が遅くなって申し訳ないです。

いまだに未解決でございます。

状況ですが、おっしゃるとおりモバイル版のAdobe XD アプリで表示しているときです。

クラウドドキュメントで制作しており、それを開いてデバイスプレビューしている状態です。

おっしゃるとおり「不足しているフォントの情報」がでてきており規定のフォントで表示されるとのことでした。

色々と教えていただきありがとうございます。

Adobe FontsからRobotoを使い、フォント変更してみました。

ですが現象は変わらないままのようです。

参考までに、私のパソコン(windows10)での表示・iphone(19:9)での表示、それぞれのスクショを貼ります。

XDでの制作サイズはiphone6/7/8(375×667)、教えていただいたRobotoフォントですべて中央に揃えて使用しております。

そもそも制作サイズの問題？と思い、試しにiphoneXのサイズでも確認してみましたが同じ現象でした。

こうしてよくよく確認してみると日本語、しかもカタカナの表示が特におかしいかもしれません。

▼パソコン(windows10)でのUI表示

▼iphone(19:9)での表示　※フォントの位置が崩れている問題の状態

そしてクラウドドキュメントの表示上では、Adobe Fontsしか使えないのですね。

また別件で、本当に初心者なのでもしかすると知ってて当たり前の質問かもしれませんが…

モリサワとかフォントワークスのフォントを使いたい場合はみなさまどうしてるのでしょうか。

クライアントの指定が他社のフォントなので、Adobe Fontsだとどうしても違いがでてしまいそうです。

レイアウトの件・他社フォントを使用する場合どうするべきか、何かご存知の方いらしたらコメントいただければ幸いです。