カスタムフォントの使い方

ここでは Flutter で任意のフォントを取り込んで、利用する方法について説明します。

Android や iOS ではもともとビルトインのフォントが多数ありますが、それでも Google Fonts などから ダウンロードした任意のフォントを利用したいという要望は多いものです。

Flutter でも、Google Fonts などからダウンロードした任意のフォントを取り込んで利用することができます。

カスタムフォントを利用する手順は簡単です。

1. Flutter プロジェクトのルートに fonts などの名前でフォルダを作成。

2. 上で作成したフォルダ内に、フォントファイルを保存。

3. pubspec.yaml にフォントのファミリとフォントファイルを指定。 次の例は fonts フォルダ内の Pacifico.ttf というフォントファイルを Pacifico という名前のフォントファミリとして使用する場合の設定です。
   

   fonts:
     - family: Pacifico
       fonts:
         - asset: fonts/Pacifico.ttf
   

4. TextStyle ウィジェットの fontFamily プロパティでフォントファミリを指定。