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

相关推荐
Python私教5 小时前
Flutter颜色和主题
开发语言·javascript·flutter
Python私教8 小时前
Flutter主题最佳实践
前端·javascript·flutter
小蜜蜂嗡嗡20 小时前
【flutter列表播放器】
flutter
AiFlutter20 小时前
Flutter Web部署到子路径的打包指令
flutter
有趣的杰克20 小时前
Flutter InkWell组件去掉灰色遮罩
开发语言·javascript·flutter
Python私教20 小时前
Flutter动画容器
flutter
wills7771 天前
Flutter 状态管理框架Get
flutter·react native
阳仔_1001 天前
动态下发字体技术方案
flutter
Rudy10211 天前
分享我在flutter中使用的MVVM框架 - 2
前端·flutter
恋猫de小郭2 天前
什么?Flutter 又要凉了? Flock 是什么东西?
flutter