見出し画像

[SwiftUI]SwiftUIでカスタムフォントを追加する方法

今日の学習内容で、SwiftUIのプロジェクトにカスタムフォントを追加する手順があったが、講座の手順とXcode(14.2)の手順が違ったので備忘のため記事にしておく。

1. フォントファイルをダウンロードする

フォントはGoogle Fontsから取得。
以下のDownload familyからダウンロード。

2. Xcodeのプロジェクトにフォントファイル(.ttf)を追加する

fontsグループを作成する。
その中にダウンロードしたフォントファイルを配置する。

3. Info.plistに項目「Fonts provided by application」を追加する

Info.plistがプロジェクトナビゲーターに存在しない場合は、プロジェクト名をクリックして、Infoタブから設定を行う。

4. 「Fonts provided by application」の要素にフォントファイルを設定する

Fonts provided by applicationは配列になっている。
要素にフォントファイルを設定する。

5. テキストフィールドに以下のようにモディファイアを設定する

Text("Taro Yamada")
.font(Font.custom("Pacifico-Regular", size: 40))

6. フォントが反映される

もっと簡単にできたら良いんだがな。

いいなと思ったら応援しよう!