add custom font in flutter code example
Example 1: 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 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
Example 4: 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