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

相关推荐
肥肥呀呀呀9 小时前
flutter 资料收集
前端·flutter
程序猿阿伟9 小时前
《社交应用架构生存战:React Native与Flutter的部署容灾决胜法则》
flutter·react native·架构
肥肥呀呀呀9 小时前
flutter利用 injectable和injectable_generator 自动get_it注册
flutter
恋猫de小郭1 天前
Compose Multiplatform iOS 稳定版发布:可用于生产环境,并支持 hotload
android·flutter·macos·ios·kotlin·cocoa
yuanlaile1 天前
Flutter开发HarmonyOS实战-鸿蒙App商业项目
flutter·华为·harmonyos·flutter开发鸿蒙
WangMing_X1 天前
Flutter开发IOS蓝牙APP的大坑
flutter·ios
WDeLiang1 天前
Flutter - 概览
flutter
程序猿阿伟1 天前
《让内容“活”起来:Flutter社交应用瀑布流布局的破界实践》
前端·flutter
帅次1 天前
Flutter TabBar / TabBarView 详解
android·flutter·ios·小程序·iphone·taro·reactnative
WDeLiang2 天前
Flutter 布局
前端·flutter·dart