效果:

非常的简单。
导入字体
-
随便在网上找一个免费的字体,下载下来会得到一个后缀为
.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
本文介绍如何在Flutter项目中引入并使用自定义字体,包括字体文件的导入、配置及在Text组件中的应用。
3568

被折叠的 条评论
为什么被折叠?



