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

相关推荐
时光慢煮1 小时前
Flutter × OpenHarmony:构建高效文章列表界面实践
flutter·华为·开源·openharmony
雨季6661 小时前
构建面向 OpenHarmony 的 Flutter 响应式架构
flutter
Miguo94well2 小时前
Flutter框架跨平台鸿蒙开发——定时生日提醒APP的开发流程
flutter·华为·harmonyos
lqj_本人2 小时前
Flutter PDF 渲染插件(pdf_image_renderer)适配鸿蒙 (HarmonyOS) 平台实战
flutter·pdf·harmonyos
●VON2 小时前
Flutter 与 OpenHarmony 技术选型分析:为何构建待办事项应用选择此组合?
学习·flutter·跨平台·von
晚霞的不甘2 小时前
Flutter for OpenHarmony 布局核心:Row 与 Column 深度解析与实战
android·前端·javascript·flutter
解局易否结局2 小时前
学习Flutter for OpenHarmony的前置 Dart 语言:基础语法实战笔记(上)
笔记·学习·flutter
小风呼呼吹儿3 小时前
Flutter 框架跨平台鸿蒙开发 - 充电温度检测器应用开发教程
flutter·华为·harmonyos
zilikew3 小时前
Flutter框架跨平台鸿蒙开发——个人名片管理APP的开发流程
flutter·华为·harmonyos·鸿蒙
[H*]3 小时前
Flutter框架跨平台鸿蒙开发——Container自定义绘制
flutter·华为·harmonyos