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?

Pantheas

this link may solve your problem: stackoverflow.com/a/64549111 – Gametophyte

What is the syntax to do this for CupertinoApp? – Roentgenoscope

Answer 1

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):

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

Franckot

@Rasoul707 are you sure you followed the steps correctly? – Franckot

Its worth mentioning that a hot reload WILL NOT work. You need to stop the app and rebuild. – Algonquin

Answer 2

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,
    ),
  ),
);

Flyblow

There seems to be an issue with google_fonts it doesn't work with fontWeights that well. – Trangtranquada

Answer 3

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';

Organelle

Answer 4

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
),

Endeavor

what is the context in this case? – Cellarer