效果:
非常的簡單。
導入字體
-
隨便在網上找一個免費的字體,下載下來會得到一個後綴爲
.ttf
的文件,即字體文件。 -
或者自己做一個。
-
在項目的根目錄中新建一個fonts文件夾(目錄、命名可以隨意),並把剛纔的文件拷進去。
引用字體
- 在
pubspec.yaml
文件中配置字體
...
flutter:
fonts:
- family: mononoki
fonts:
- asset: fonts/mononoki-Regular.ttf
weight: 500
- family:字體名稱
- asset:字體路徑
- weight:比重(400相當於normal,700相當於bold)
使用字體
child: Text(
"wanandroid_flutter V1.0",
style: TextStyle(fontSize: 25, fontFamily: 'mononoki'),
),
Text的style中有一個fontFamily
屬性,參數即字體的名稱。
github:https://github.com/yechaoa/wanandroid_flutter
官方文檔:https://flutter.dev/docs/cookbook/design/fonts#from-packages