Create font fallback in design file
Each web page is applied multiple font families in CSS file in general, and it lets a browser on its OS read corresponding font family based on the order of font family.
On Mac OS, Windows, iOS and Android, installed font families are different from each other, and some letters in languages (e.g. Japanese on Reference1.png captured on Android app) seems to cause being garbled.
If multiple font family is able to apply, it'd be great especially when the prototype is reviewed by multiple OS / devices. My idea would be attached as Reference2.png.
How would you think?
Thanks!
Kei
-
Leo M commented
This feature makes sense only when using XD app to view or test prototype e.i. live font view. Any web-based URL prototypes do not have live fonts (because fonts are converted to images upon Share), thus a browser view in this description is not relevant.
-
Leo M commented
When testing mobile app, it's best doing so in XD app, which looks and feels as native app unlike a prototype URL viewed in a browser. When opening XD cloud document in the app – it previews LIVE FONTS, however if your fonts are unique, they will not load correctly and get replaced with some default font, messing up layouts and UI (see attached).
I suggest Adobe a feature –
to map document fonts to a selected alternative from Adobe collection or other available online to load automatically. -
Kei ™ commented
Please let me drop a translation for this filed request in Japanese.
----
フォントを複数設定(優先度)したい。◎ 要望の背景
主な理由としては、ウェブ プロトタイプを作成する際、CSSではフォントファミリーを設定する際、複数のフォントを設定し、その順序によってウェブフォント、OS準拠のフォントを読み込む仕様になると思います。日本語の場合、WindowsとmacOSのフォントが異なる事が多く、これらを踏まえたプロトタイプを作成する事で、制作チーム内だけでなく、様々な環境を利用されているお客さま(クライアント)側での確認やフィードバック工程が円滑になるのではと考えられたためリクエストしました。
英語圏の場合、この影響は少ないと思われるので、限られた環境下での要望にはなりますが、ウェブデザインのプロトタイプはお客さま側との共通意識を保つ大切なポイントなので、搭載されたらうれしい機能の一つです。