Flutter中FontFamily未生效,如何正确使用FontFamily?
解决Flutter中IndieFlower字体不生效的问题
直接设置fontFamily: 'IndieFlower'无效,因为Flutter未找到对应的字体文件,需完成以下完整配置流程:
1. 准备字体文件
下载IndieFlower字体的ttf格式文件,在项目根目录新建fonts文件夹,将字体文件放入(例如命名为IndieFlower-Regular.ttf)。2. 配置pubspec.yaml
在项目的pubspec.yaml文件中,找到flutter节点,添加字体注册配置(注意缩进需与同级节点一致,用2个空格):flutter: uses-material-design: true # 新增字体配置 fonts: - family: IndieFlower fonts: - asset: fonts/IndieFlower-Regular.ttf3. 重启应用
修改pubspec.yaml后,不能用热重载,必须完全重启App,让Flutter加载新的字体资源。4. 验证代码
你的Text组件代码本身无问题,重启后即可生效:const Text('Hello', style: TextStyle(fontFamily: 'IndieFlower'))
注意事项:
- 确保
pubspec.yaml里的asset路径与实际字体文件位置完全匹配,大小写也要一致; - 如果字体有多个字重(如粗体),可在
fonts节点下添加多个asset条目,并指定weight参数。
内容的提问来源于stack exchange,提问作者Huzaifa Muhammed
相关产品推荐
相关产品推荐

