flutter 使用三方/自家字体

  • 将字体放入assets/fonts下
  • 在pubspec.yaml文件中flutter下添加如下代码:

    flutter:
    fonts:
    - family: MyCustomFont
    fonts:
    - asset: assets/fonts/MyCustomFont.ttf

  • 在flutter Text widget中使用字体

    import 'package:flutter/material.dart';

    void main() => runApp(MyApp());

    class MyApp extends StatelessWidget {
    @override
    Widget build(BuildContext context) {
    return MaterialApp(
    home: Scaffold(
    appBar: AppBar(
    title: Text('自家字体使用'),
    ),
    body: Center(
    child: Text(
    '我是自家字体',
    style: TextStyle(fontFamily: 'MyCustomFont'),
    ),
    ),
    ),
    );
    }
    }

相关推荐
G_dou_9 小时前
Flutter三方库适配OpenHarmony【compass】罗盘 UI 项目完整实战
flutter·ui
G_dou_11 小时前
Flutter +OpenHarmony 实战:clock 时钟应用
flutter·harmonyos
G_dou_11 小时前
Flutter+OpenHarmony 实战:weather 天气查询应用
flutter·harmonyos
韩曙亮11 小时前
【错误记录】flutter pub get 执行报错 ( 打开 Windows 开发者模式 )
windows·flutter
G_dou_13 小时前
Flutter+OpenHarmony实战:flashlight】手电筒项目
flutter·harmonyos
坚果的博客14 小时前
Flutter OHOS SDK 版本目录校验 Bug 修复实战
flutter·bug
坚果的博客15 小时前
Flutter 开发鸿蒙 6 应用,祝贺六一儿童节 [特殊字符]
flutter·华为·harmonyos
jingling55515 小时前
Flutter | 从基本跳转到路由守卫
服务器·前端·网络·flutter·前端框架
用户965597361901 天前
Flutter 遇上 FlutterSkills:让开发效率翻倍的实用技巧
flutter
2501_919749031 天前
鸿蒙 Flutter 实战:image_crop 0.4.1 适配 3.27-ohos 全流程
flutter·华为·harmonyos