How to change the default font family in Flutter

Question

How can I change every text of my app to use a specific font? I can change them individually by using the TextStyle() but how can I make my app default to a specific font? Can you show me how?

this link may solve your problem: https://stackoverflow.com/a/64549111 — Saeqa, Feb 07 '21 at 19:14

OMi Shah · Accepted Answer · 2021-03-13T18:28:04.397

108

You can change the default font family of your Flutter app by following the below steps:

1. Add your font files into your project folder. Say Project Folder > assets > fonts > hind.

2. Declare the font family with font files with style in your project's pubspec.yaml file as (An example):

In the MaterialApp widget of your main class file, define the default font family as:

edited Mar 13 '21 at 18:28

answered Oct 07 '20 at 04:50

OMi Shah

5,768
3
25
34

Yep, that's what the docs say too. But it didn't work for me :( – Paul Sumpner Dec 01 '21 at 20:32
@PaulSumpner, you might have done something wrong :) – OMi Shah Feb 14 '22 at 09:21
1

probably! ta :) – Paul Sumpner Feb 16 '22 at 20:14
I done all steps correct and checked it again, but not works :( – Rasoul707 Mar 14 '22 at 17:29
@Rasoul707 are you sure you followed the steps correctly? – OMi Shah Mar 17 '22 at 09:39
1

@OMiShah yeah I done everything correctly, but now it fixed I uninstalled app and then install it again :))) Thank you bro – Rasoul707 Mar 17 '22 at 22:08

Mahesh Jamdade · Answer 2 · 2021-10-28T01:52:37.817

48

If you want to use one of these Google fonts then use the official google_fonts package from the material team.

add to pubspec.yaml

dependencies:
  google_fonts: ^2.1.0

Override the default font like this

MaterialApp(
  theme: ThemeData(
    textTheme: GoogleFonts.latoTextTheme(
      Theme.of(context).textTheme,
    ),
  ),
);

edited Oct 28 '21 at 01:52

answered Jul 08 '21 at 16:33

Mahesh Jamdade

17,235
8
110
131

1

There seems to be an issue with google_fonts it doesn't work with fontWeights that well. – UTKARSH Sharma Jul 11 '22 at 03:34

score 7 · Answer 3 · answered Mar 27 '23 at 08:06

add google fonts to pubspec.yaml

dependencies:
  google_fonts: ^2.1.0

use fontFamily function

MaterialApp(
  theme: ThemeData(
    fontFamily: GoogleFonts.lato().fontFamily,
  ),
);

remember to import google fonts

import 'package:google_fonts/google_fonts.dart';

score 1 · Answer 4 · answered May 16 '23 at 19:23

1

For me it worked with all text widgets just when I wrote it twice -

ThemeData(
   fontFamily: 'Varela',             // <-- 1
   textTheme: Theme.of(context)
      .textTheme
      .apply(fontFamily: 'Varela'),  // <-- 2
),

answered May 16 '23 at 19:23

ינון רחמים

566
1
5
12

How to change the default font family in Flutter

4 Answers4

Linked