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

相关推荐
cn_mengbei2 小时前
Flutter for OpenHarmony 实战:IconButton 图标按钮详解
flutter
cn_mengbei2 小时前
Flutter for OpenHarmony 实战:OutlinedButton 边框按钮详解
flutter
2501_915918412 小时前
只有 Flutter IPA 文件,通过多工具组合完成有效混淆与保护
android·flutter·ios·小程序·uni-app·iphone·webview
JasonBoolean3 小时前
EasyDebug v0.0.4 重磅更新:原生 Http 支持 + 全新日志控制台
flutter
cn_mengbei3 小时前
Flutter for OpenHarmony 实战:TextButton 文本按钮详解
flutter
kirk_wang4 小时前
Flutter 三方库在 OpenHarmony 上的适配之路:以 geolocator 为例
flutter·移动开发·跨平台·arkts·鸿蒙
kirk_wang4 小时前
Flutter艺术探索-Flutter动画基础:Implicit Animations入门
flutter·移动开发·flutter教程·移动开发教程
程序员老刘5 小时前
重拾Eval能力:D4rt为Flutter注入AI进化基因
flutter·客户端·dart