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

相关推荐
吃西瓜的年年12 小时前
vue3原理思维导图
vue.js·笔记·flutter
GitLqr1 天前
从代码复用走向生态:Flutter Dart Package 实战全指南
flutter·全栈·dart
SoaringHeart1 天前
Flutter 进阶:NCanvasImageLoader 让 Canvas 也能画网络图
前端·flutter
磐链科技1 天前
钱包开发中的跨平台架构:Flutter与Rust构建高性能移动端钱包
flutter·架构·rust
iFlyCai1 天前
深入理解Flutter:StatefulWidget生命周期全解析(四)
前端·javascript·flutter
iFlyCai1 天前
Flutter setState 完全解析:原理、更新机制、误区与
flutter
恋猫de小郭2 天前
Firebase 如何让全球 Android 和 Flutter 开发者集体 Build Fail
android·前端·flutter
恋猫de小郭3 天前
Flutter 多窗口支持类型和 API 介绍
android·前端·flutter
张风捷特烈3 天前
当 AI 遇见 Flutter | 打造 500+ Widget 专属Logo
android·前端·flutter