【Unity/UI】日本語フォントはどこで入手する?TextMesh Proへの導入手順まとめ

Unityコード専用検索

コンポーネントの型(どこにあるか・何と結びつけるか)

今回は特定のコンポーネントではなく、TextMesh Proで日本語を表示するために必要な「フォントファイル(.ttf や .otf)」と、それを変換した「Font Asset」の扱いについてです。

  • どこにあるのか? まずは外部サイトからPCにダウンロードし、Unity下部の「Projectウィンドウ(Assets内)」にドラッグ&ドロップして保存します。
  • 何と結び付けるのか? 取り込んだフォントをUnityの機能で「SDF(Font Asset)」に変換したのち、シーン上の「TextMeshPro – Text (UI)」コンポーネント内にある「Font Asset」の項目に紐付けます。

日本語フォント導入の仕組みと手順:完全ガイド

Unityには最初から日本語フォントが入っていないため、自分で用意して変換する必要があります。具体的なステップは以下の3つです。

① どこでダウンロードする?(おすすめのサイト)

ゲーム開発でよく使われる、商用利用可能(※念のため各サイトの規約は確認してください)な無料フォントサイトです。

  • Google Fonts(一番おすすめ)
    • 特徴: Googleが提供している無料フォントサービスです。「Noto Sans JP」などの高品質で読みやすいフォントが揃っています。迷ったらこれを使えば間違いありません。
  • フォントフリー(Font Free)
    • 特徴: 日本語のフリーフォントをまとめているサイトです。ドット絵風、ホラー風、手書き風など、ゲームの雰囲気に合わせた個性的なフォントを探すのに最適です。
  • BOOTH
    • 特徴: クリエイターのマーケットプレイスです。「フォント フリー」などで検索すると、ゲームUI向けのユニークなフォントが見つかります。

② Unityへの取り込み(インポート)

サイトからフォントをダウンロードしたら、中に入っている .ttf または .otf という拡張子のファイルを取り出します。 これを、Unityエディタ下部の「Projectウィンドウ(Assets内)」に直接ドラッグ&ドロップします。(※管理しやすいように Fonts というフォルダを作って入れるのがおすすめです)

③ Font Asset Creator で専用データに変換する

取り込んだままではTextMesh Proで使えないため、変換作業(ベイク)を行います。

  1. 画面上のメニューから Window > TextMeshPro > Font Asset Creator を開きます。
  2. Source Font File: 先ほどインポートしたフォントファイルをセットします。
  3. Character Set: 日本語は文字数が多すぎるため、全て変換すると重くなります。ここを Custom Characters に変更します。
  4. Custom Character List: ここに「ゲーム内で使う文字」を入力します。よくわからない場合は、ネット上で「常用漢字一覧 テキスト」などと検索し、ひらがな・カタカナ・常用漢字がまとまった数千文字をコピーして貼り付けます。
  5. Generate Font Atlas: ボタンを押すと変換が始まります。
  6. 終わったら Save を押して保存します。これで青いアイコンの「Font Asset」が完成です!

活用例

ゲームのジャンルや雰囲気に合わせてフォントを使い分けることで、クオリティが劇的にアップします。

  • Noto Sans JP(ゴシック体): システムメッセージ、スコア表示、チュートリアルなど、読みやすさが最優先される場所。
  • ドット絵フォント: 2DのレトロなピクセルアートゲームのセリフやUI。
  • 筆文字・明朝体: 和風アクションゲームや、ホラーゲームのタイトルロゴ、不気味なテキスト表示。

その他(実用的なテクニック)

  • フォントの太さ(Weight)違いを用意する: 「Noto Sans JP」などをダウンロードすると、Regular(標準)やBold(太字)、Black(極太)など複数のファイルが入っています。見出し用にはBoldを、説明文にはRegularを変換して使い分けると、UIにメリハリが出ます。
  • 文字化け(□)が出た場合の対処法: ゲームをテストプレイしていて一部の漢字が「□」になってしまった場合は、その漢字が変換時のリスト(Custom Character List)に漏れていた証拠です。再度 Font Asset Creator を開き、足りなかった漢字を追加して Generate(再生成)上書きすれば直ります。

コメント

タイトルとURLをコピーしました