flutter use custom font code example

Example 1: add font in flutter

MaterialApp(
  title: 'Fonts',
  theme: ThemeData(fontFamily: 'Mukta'),
  home: HomePage(),
);
 
 In pubspec.yaml
 fonts:
    - family: Mukta
      fonts:
        - asset: assets/fonts/Mukta/Mukta-Regular.ttf
          weight: 400

Example 2: 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.

Example 3: https://flutter.dev/custom-fonts/#from-packages

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

Tags:

Go Example

Related