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

相关推荐
苦逼的搬砖工7 小时前
基于 easy_rxdart 的轻量响应式与状态管理架构实践
android·flutter
SoaringHeart8 小时前
Flutter组件封装:标签拖拽排序 NDragSortWrap
前端·flutter
天天开发11 小时前
Flutter每日库: local_auth本地设备验证插件
flutter
天天开发12 小时前
Flutter每日库: logger自定义日志格式并输出到文件
flutter
美摄科技12 小时前
为什么选择Flutter美颜SDK?
flutter
程序员老刘1 天前
跨平台开发地图:客户端技术选型指南 | 2025年11月 |(Valdi 加入战场)
flutter·react native·客户端
西西学代码1 天前
Flutter---Listview横向滚动列表(2)
linux·运维·flutter
未来猫咪花1 天前
🔥 神奇的 Dart Zone 机制
flutter
AskHarries1 天前
RevenueCat 接入 Apple App Store 订阅全流程详解(2025 最新)
flutter·ios·app