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'),
    ),
    ),
    ),
    );
    }
    }

相关推荐
kirk_wang12 分钟前
Flutter app_settings 库在鸿蒙(OHOS)平台的适配实践与解析
flutter·移动开发·跨平台·arkts·鸿蒙
小a彤32 分钟前
Flutter 原生开发指南
flutter
L、21837 分钟前
Flutter + OpenHarmony 全栈实战:打造“鸿蒙智联”智能家居控制中心(系列终章)
flutter·华为·智能手机·electron·智能家居·harmonyos
song5011 小时前
鸿蒙 Flutter 日志系统:分级日志与鸿蒙 Hilog 集成
图像处理·人工智能·分布式·flutter·华为
松☆1 小时前
深入实战:Flutter + OpenHarmony 分布式软总线通信完整实现指南
分布式·flutter
段子子2 小时前
【flutter创建与配置】
flutter
song5012 小时前
鸿蒙 Flutter 插件测试:多版本兼容性自动化测试
人工智能·分布式·flutter·华为·开源鸿蒙
kirk_wang3 小时前
Flutter tobias 库在鸿蒙端的支付宝支付适配实践
flutter·移动开发·跨平台·arkts·鸿蒙
L、2183 小时前
Flutter + OpenHarmony 分布式能力融合:实现跨设备 UI 共享与协同控制(终极篇)
javascript·分布式·flutter·ui·智能手机·harmonyos
松☆3 小时前
终章:构建完整生态——Flutter + OpenHarmony 分布式应用开发全景指南(含性能调优与发布实践)
flutter·wpf