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

相关推荐
ALLIN15 小时前
Flutter 三种方式实现页面切换后保持原页面状态
flutter
Dabei15 小时前
Flutter 国际化
flutter
Dabei16 小时前
Flutter MQTT 通信文档
flutter
Dabei19 小时前
Flutter 中实现 TCP 通信
flutter
孤鸿玉19 小时前
ios flutter_echarts 不在当前屏幕 白屏修复
flutter
前端 贾公子21 小时前
《Vuejs设计与实现》第 16 章(解析器) 上
vue.js·flutter·ios
tangweiguo030519871 天前
Flutter 数据存储的四种核心方式 · 从 SharedPreferences 到 SQLite:Flutter 数据持久化终极整理
flutter
0wioiw01 天前
Flutter基础(②④事件回调与交互处理)
flutter
肥肥呀呀呀1 天前
flutter配置Android gradle kts 8.0 的打包名称
android·flutter
吴Wu涛涛涛涛涛Tao1 天前
Flutter 实现「可拖拽评论面板 + 回复输入框 + @高亮」的完整方案
android·flutter·ios