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

相关推荐
芝麻开门-新起点2 小时前
Flutter 项目全流程指南:编译、调试与发布
flutter
星释2 小时前
鸿蒙Flutter三方库适配指南:11.插件发布上线及使用
flutter·华为·harmonyos
jingling5553 小时前
Flutter | 基础环境配置和创建flutter项目
前端·flutter
西西学代码3 小时前
Flutter---DragTarget(颜色拖拽选择器)
前端·javascript·flutter
芝麻开门-新起点4 小时前
Flutter 移动端性能优化指南:内存、电量与 UI 渲染
flutter·ui·性能优化
sugar_hang8 小时前
Flutter路由管理
flutter
程序员老刘8 小时前
Flutter官方拒绝适配鸿蒙的真相:不是技术问题,而是...
flutter·harmonyos·客户端
木易 士心9 小时前
Flutter PC 应用开发指南:从环境搭建到实战避坑
flutter
陈大头铃儿响叮当10 小时前
Android Studio升级后,Flutter运行android设备报错
android·flutter·android studio