Flutter for Beginners

Importing fonts to the Flutter project

This time, we will be using our Favors app directly to show the example. We will be importing and using a custom font as the default font for the whole application.

To do that, we can put the font files in a project sub-directory and later, declare these font files in the pubspec.yaml file. In this example, we will be using the Ubuntu fonts found on the Google Fonts website.

Check out the different fonts available at https://fonts.google.com/.

The first step is adding the files to the project directory. It is common practice to put font files in a fonts/ or assets/ sub-directory of the Flutter project. Here, we will be using a fonts/ directory:

After that, we need to declare the font assets in the ...