【Unity】フォントに関するTIPSまとめ4選［uGUI］

Photoshopのレイヤースタイルで、加工した数字を作成します

Noto Sans CJK JPに境界線+光彩（内側）+グラデーションオーバーレイ+ドロップシャドウを追加

文字が分けやすいように、少しだけ文字間隔調整

下記のURLからShoeBoxをインストールします

1. ソフトを起動し、GUIタブを開き、Bitmap Fontに向かって、画像をドラッグ＆ドロップ
2. 新しいウィンドウが起動、**Auto fit Settings**ボタンを押して、スプライトを分割する
3. その他設定。Settingsを開く
4. Template＞Modifiedを「FNT-xml Staling」に
5. 「File Name」を変更
6. 画像に振り分けられている文字の調整 「Txt Chars」 を調整
7. 画像を見て、設定が良さそうであれば、「Save Font」ボタンで出力（.xmlとpng）

あわせて読みたい

ShoeBox Tools for Unity | Sprite Management | Unity Asset Store Get the ShoeBox Tools for Unity package from project|JACK and speed up your game development process. Find this & other Sprite Management options on the Unity A...

1. Assetsに先程出力した**xmlファイル**を置く
2. メニュー　Assets＞ShoeBox Tools＞Import Bitmap Fontsを選択し、XMLファイルを選択

あとはuGUIのテキストを作成し、文字を入力。生成したフォントとシェーダーを適応するとビットマップフォントとして機能することを確認します

仮にデスクトップにファイルを置きます。

複数フォント格納しているttcを分割してttfにする方法です。

・`C:\Users\ユーザー名\Desktop\unitettc`の中に.ttcファイル（仮に游ゴシック 太字：YuGothB.ttc）を置きます。
・ Windowsの検索で`cmd`と打ってコマンドプロンプトを起動します
・ `cd C:\Users\ユーザー名\Desktop\unitettc`とコマンド
・ `unitettc64.exe YuGothB.ttc`とコマンド

以上で、3つの.ttfフォントに分割されました。

・ コマンドプロンプトを起動
・ `cd C:\Users\ユーザー名\Desktop\unitettc`とコマンド
・ `unitettc64.exe Test.ttc YuGothB001.ttf YuGothB002.ttf YuGothB003.ttf`

以上でTest.ttcというフォントが生成されます
.ttcのフォントを分割して.ttfにすれば、Unityで使用することができます。

下記からダウンロード

あわせて読みたい

Font Awesome The world’s most popular and easiest to use icon set just got an upgrade. More icons. More styles. More Options.

「fontawesome-free-5.0.2use-on-desktop」に3種のフォントが格納されています。

Unityで表示する方法は下記のチートシートからアイコンをコピーしuGUIのTextへ、ペーストすれば表示されます。

あわせて読みたい

Cheatsheet | Font Awesome Need the glyph, name, or unicode value of a Font Awesome icon? Use this cheatsheet for quick copying and pasting.

下記はロックアイコン`fa-lock []`のところのアイコン部分をコピー

InspectorのTextエリアには何も表示されないまま、使うのはあれなので、Unicodeで文字を表示してみます。

下記のスクリプトを作成します。

uGUIのTextコンポーネントは外し、代わりにTextUnicode.csをアタッチします。

あとは先程のチートシートから、Unicodeを打ち込めばOK

例えば、ロックアイコンであれば、`fa-lock []`をいう表記を探して、**xf023**と打ち込む