Xcodeで好きなフォントを追加したい!ということがあると思います。
最初は戸惑うかもしれませんが覚えると結構簡単に追加できます。
まずはフォントをダウンロード
まずはフォントをダウンロードします。今回はGoogle Fontsの中の『Noto Sans Japanese』をインストールしてみます。
![](https://blog.8bit.co.jp/wp-content/uploads/2022/01/220112_01.jpg)
Noto Sans Japanese
フォルダにフォントを追加
ダウンロードしたらXcodeで今回フォントを追加するプロジェクトを開きましょう。ちなみに初期のフォントはこんな感じになっています。
Noto Sansはありますがすべて外国語のもので、ほかにも日本語であまり使用できそうなフォントがありません。
![](https://blog.8bit.co.jp/wp-content/uploads/2022/01/220112_02.jpg)
ということでフォントを追加していきましょう。
まずはプロジェクトのディレクトリを選択、右クリックをして『New Group』を選択します。
![](https://blog.8bit.co.jp/wp-content/uploads/2022/01/220112_03.jpg)
フォントを入れるフォルダなのでフォルダ名は『fonts』などにしておいてください。
![](https://blog.8bit.co.jp/wp-content/uploads/2022/01/220112_04.jpg)
この中に先ほどダウンロードしたフォントを入れます。とりあえず使用したい太さのものを入れておきます。
![](https://blog.8bit.co.jp/wp-content/uploads/2022/01/220112_05.jpg)
フォルダにフォントを入れました。すると以下のような確認画面が表示されます。
『Add to targets(どのプロジェクトに今回のフォントを入れるか)』のチェックが外れているので画像のように該当のプロジェクトにチェックを入れてから『Finish』を押しましょう。
![](https://blog.8bit.co.jp/wp-content/uploads/2022/01/220112_06.jpg)
これでフォント追加の第一段階が完了しました。
![](https://blog.8bit.co.jp/wp-content/uploads/2022/01/220112_07.jpg)
Infoにフォントを登録する
次に『Info』に対してフォルダに入れたフォントを登録します。ここをクリアするとフォントが使用できるようになります。
まずはinfoを開いて、右側の空いている部分で右クリックをします。
すると『Add Row』という項目が出てくるので、そちらをクリックします。
![](https://blog.8bit.co.jp/wp-content/uploads/2022/01/220112_08.jpg)
項目が追加されたら『Key』の設定をします。
今回は『Fonts provided by application』を選択しましょう。
![](https://blog.8bit.co.jp/wp-content/uploads/2022/01/220112_09.jpg)
![](https://blog.8bit.co.jp/wp-content/uploads/2022/01/220112_10.jpg)
『Fonts provided by application』を選択したら左側の矢印をクリックしましょう。
するとフォント名を登録できるエリアが表示されます。
![](https://blog.8bit.co.jp/wp-content/uploads/2022/01/220112_11.jpg)
ここに対して今回フォルダに追加したフォントの名前を入力します(名前のコピペでOk)。
![](https://blog.8bit.co.jp/wp-content/uploads/2022/01/220112_12.jpg)
『+』を押すと入力できるエリアが増えます。
![](https://blog.8bit.co.jp/wp-content/uploads/2022/01/220112_13.jpg)
今度はBoldの方を登録しました。
![](https://blog.8bit.co.jp/wp-content/uploads/2022/01/220112_14.jpg)
これで無事フォントが登録され、使用できるようになりました!
実際に使ってみる
ストーリーボードに戻ると、今回追加したフォントが選択できるようになっています。![](https://blog.8bit.co.jp/wp-content/uploads/2022/01/220112_15.jpg)
このようにRegularとBoldの選択もきちんとできます。
![](https://blog.8bit.co.jp/wp-content/uploads/2022/01/220112_16.jpg)
———
フォントが変わるだけで雰囲気がぐんと変わります。
簡単にできるので、ぜひ試してみてください。