Custom fonts in Flutter - Cheat Sheet & Quick Revision

Recall & Review

beginner

What is the first step to use a custom font in a Flutter app?

Add the font files (usually .ttf or .otf) to your project folder, typically under an assets or fonts directory.

beginner

How do you tell Flutter about your custom fonts?

You declare the font in the pubspec.yaml file under the 'fonts' section, specifying the font family name and the path to the font files.

beginner

How do you apply a custom font to a Text widget in Flutter?

Use the TextStyle class with the 'fontFamily' property set to the font family name you declared in pubspec.yaml.

intermediate

Why is it important to declare multiple font weights in your custom font setup?

Declaring multiple weights (like regular, bold) allows Flutter to use the correct font style automatically when you set fontWeight in TextStyle.

beginner

What happens if you forget to run 'flutter pub get' after adding fonts to pubspec.yaml?

Flutter won't recognize the new fonts and your app may show default fonts or errors when trying to use the custom font.

Where should you place your custom font files in a Flutter project?

A In the assets or fonts folder inside the project directory

B In the lib folder only

C Anywhere on your computer

D In the android folder only

Custom fonts should be inside your project folder, usually in assets or fonts, so Flutter can include them in the app bundle.

Which file do you edit to register custom fonts in Flutter?

A main.dart

B build.gradle

C AndroidManifest.xml

D pubspec.yaml

The pubspec.yaml file is where you declare assets and fonts for Flutter to use.

How do you specify the font family in a Text widget?

A fontFamily: 'YourFontName' in TextStyle

B font: 'YourFontName' in Text widget

C style: 'YourFontName' in Text widget

D fontName: 'YourFontName' in TextStyle

You use the fontFamily property inside TextStyle to apply a custom font.

What is the purpose of declaring multiple font weights in pubspec.yaml?

A To make fonts load faster

B To reduce app size

C To allow Flutter to use different font styles like bold or light

D To change font colors

Multiple font weights let Flutter pick the right style automatically when you use fontWeight.

What command should you run after editing pubspec.yaml to add fonts?

A flutter run

B flutter pub get

C flutter clean

D flutter build

flutter pub get downloads and registers new assets and dependencies declared in pubspec.yaml.

Explain the steps to add and use a custom font in a Flutter app.

Think about where the font files go, how Flutter knows about them, and how to apply them in code.

Why is it helpful to declare different font weights for a custom font in Flutter?

Consider how text styles like bold or light are controlled.