【Unity】モバイルデバイス上で表示できないTMPテキストと表示できるTMPテキストの違い

Question

前提・実現したいこと

現在、UnityにてWebGLでビルドし、モバイルデバイス上でビルドしたhtmlにアクセスした際に
TextMeshProUGUI（以後TMPと省略）を用いて日本語フォントを表示できるかのテストを行っています。

試してみた限りではUnityのTextコンポーネントに日本語フォント（HGゴシックE）を指定し、日本語を入力した場合は表示され、
TMPで同一のフォントを基にフォントアセットを作成し、TMPUGUIコンポーネントに日本語、数字、ローマ字を入力した場合はすべての文字が黒く塗りつぶされ、
TMPで元々ある日本語非対応のフォントアセット(Roboto-Bold)を指定し、TMPUGUIコンポーネントに日本語、数字、ローマ字を入力した場合は、日本語のみ□に変換されます。
（入力してある文字列はどれも「ああああ65498asasd」です）

下記画像は左からUnityText-HGゴシックE、TMP-HGゴシックEフォントアセット、TMP-Roboto-Boldフォントアセットの順です。

PC上ですとTMPのフォントは問題なく表示されるのですが、なぜモバイルデバイス上では表示できないのかがわかりません。
原理としてはUnityでビルド時に出力するものとして組み込まれていれば、デバイスに左右されないものであると思っているのですが、この考えは間違っているのでしょうか？

ネットで「Unity　TextMeshPro　IOS」などと検索した際に、「TextMeshProとTextMeshProUGUIの二つを使っている場合は一つのMaterialに対してZTestの設定が競合するため上手く表示されない」とありましたが、このプロジェクトではTextMeshProUGUIのみしか使用していないため、原因が分からず困っています。

もしモバイルデバイス上でTextMeshProUGUIを用いて日本語を表示する方法をご存知の方がいれば教えていただけますでしょうか。

補足情報（FW/ツールのバージョンなど）

Unity2019.1.4f1
TextMeshPro　ver2.0.1

Comments

[U_U_Jenkins]

使用しているブラウザはなんですか？
Unity WebGLは検索エンジンのサポートレベルはブラウザ間で異なっているとのことです。
Chromeでは正常に動作するがSafariでは不具合が発生する
といったものかもしれません。

https://docs.unity3d.com/ja/2019.4/Manual/webgl-browsercompatibility.html

[Y0241-N]

質問ありがとうございます。
テスト時はSafariを使用して確認しましたが、改めてChromeでも確認してみたところ、残念ながら表示は画像のように塗りつぶされ、文字として表示できませんでした。

Answer 1

【追記　2020/07/17】
その後の追加調査にて明確な原因が判別しました。
WebGLにおいて、TextMeshProのFontAssetを作成する際に「Atlas Resolution」の設定を「8192*8192」のサイズに指定し、作成したものは表示できませんでした。
それ以外のサイズであればAtlas Population Modelがstaticでもdynamicでも問題なく表示できました。

---

原因は不明ですが、FontAseetを生成する際にFontSorceに文字を打ち込んで生成する方法でなく、Dynamic SDF Systemによる手法で生成し、設定した場合だとモバイルデバイス上でもTextが表示可能でした。
Dynamic SDF Systemの詳しい設定の仕方は以下のページから参照してください。

【Unity】TextMeshProにFont FallbackとDynamic SDF Systemが追加、日本語が使いやすくなった。