📕

【Flutter】フォントを変更する方法

2024/05/18に公開

アプリを作っているとき、文字のフォントがあまりにも味気ないと思い、フォントの変更方法を調べました。
参考:https://docs.flutter.dev/cookbook/design/fonts

フォントがあらかじめ用意してあるので、自分好みのフォントを選んで、ダウンロードしてください。
ダウンロードしたファイルを、

写真のようにfontsというファイルを作成した下に移動させます。
そしたら、pubspec.yamlの下の方に行くと、コメント状態の
fonts:
- family: Raleway
fonts:
- asset: fonts/Raleway-Regular.ttf
- asset: fonts/Raleway-Italic.ttf
style: italic
- family: RobotoMono
fonts:
- asset: fonts/RobotoMono-Regular.ttf
- asset: fonts/RobotoMono-Bold.ttf
weight: 700
と書かれている箇所を、コメントを外して先ほどダウンロードした名前とファイルに変更しましょう。

Discussion