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

相关推荐
里欧跑得慢6 小时前
15. Web可访问性最佳实践:让每个用户都能平等访问
前端·css·flutter·web
Lanren的编程日记9 小时前
Flutter 鸿蒙应用数据版本管理实战:版本记录+版本回退+版本对比,实现全链路数据版本控制
flutter·华为·harmonyos
MonkeyKing15 小时前
Flutter列表性能极致优化:从卡顿到丝滑
flutter·dart
IntMainJhy15 小时前
「Flutter三方库sqflite的鸿蒙化适配与实战指南:从入门到踩坑的本地数据库开发全记录」
数据库·flutter·华为·信息可视化·数据库开发·harmonyos
梦想不只是梦与想16 小时前
flutter中 safeArea组件
flutter·safearea
Hello__777719 小时前
开源鸿蒙 Flutter 实战|自定义头像组件全流程实现
flutter·华为·harmonyos
LIO19 小时前
Flutter——直击核心的极简指南
flutter
愚者Pro20 小时前
Flutter项目 lib/ 目录结构(大厂规范)
flutter
西西学代码20 小时前
Flutter---设备搜索动画效果(3)
flutter