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

相关推荐
tangzzzfan11 小时前
Flutter 数据模型层开发实践:用好 Freezed & JsonSerializable
flutter
liao2772189621 天前
getx用法详细解析以及注意事项
flutter·getx·state
帅次1 天前
Flutter动画全解析:从AnimatedContainer到AnimationController的完整指南
android·flutter·ios·小程序·kotlin·android studio·iphone
liao2772189621 天前
flutter bloc 使用详细解析
flutter·repository·bloc
程序员啊楠1 天前
Flutter 开发APP左滑返回到上一页
前端·flutter
Flutter鸿蒙梁典典学院1 天前
升级Flutter 3.32.3后pull_to_refresh下拉刷新阻尼过小振荡过大
flutter
依旧风轻1 天前
Flutter ListTile 深度解析
flutter·ios·tile·sqi·listtile
技术蔡蔡2 天前
Flutter真实项目中bug解决详解
flutter·面试·android studio
stringwu2 天前
Flutter手势冲突难题怎么破?几种解决方式大揭秘!
flutter