flutter custom fonts code example

Example 1: flutter fonts

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

Example 2: how to set font family in flutter

MaterialApp(
  title: 'Custom Fonts',
  // Set Raleway as the default app font.
  theme: ThemeData(fontFamily: 'Raleway'),
  home: MyHomePage(),
);

Example 3: flutter add custom fonts

flutter:
  fonts:
    - family: Proxima
      fonts:
        - asset: lib/fonts/ProximaNova-Regular.otf

In case you are using an emulator, go to the terminal and type "flutter clean" then "flutter pub get" to update the font used.

Tags:

Dart Example