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

相关推荐
初遇你时动了情4 小时前
dart常用语法详解/数组list/map数据/class类详解
数据结构·flutter·list
OldBirds4 小时前
Flutter element 复用:隐藏的风险
flutter
爱意随风起风止意难平5 小时前
002 flutter基础 初始文件讲解(1)
学习·flutter
OldBirds8 小时前
理解 Flutter Element 复用
flutter
xq95278 小时前
flutter 带你玩转flutter读取本地json并展示UI
flutter
hepherd12 小时前
Flutter - 原生交互 - 相机Camera - 01
flutter·ios·dart
ailinghao14 小时前
单例模式的类和静态方法的类的区别和使用场景
flutter·单例模式
爱意随风起风止意难平14 小时前
005 flutter基础,初始文件讲解(4)
学习·flutter
Jim-zf14 小时前
Flutter 嵌套H5 传参数
java·开发语言·flutter
WDeLiang14 小时前
Flutter - 原生交互 - 相机Camera - 01
flutter·ios·dart