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

相关推荐
西西学代码4 分钟前
Flutter---EQ均衡器
flutter
LinXunFeng5 小时前
Flutter webview 崩溃率上升怎么办?我的分析与解决方案
flutter·ios·webview
西西学代码7 小时前
Flutter---GridView+自定义控件
flutter
hweiyu0013 小时前
Flutter零基础极速入门到进阶实战(视频教程)
flutter
hweiyu0013 小时前
Flutter高级进阶教程(视频教程)
flutter
SoaringHeart2 天前
Flutter封装:原生路由管理极简封装 AppNavigator
前端·flutter
疯笔码良2 天前
【Flutter】flutter安装并在Xcode上应用
flutter·macos·xcode
西西学代码2 天前
Flutter---两种带输入框的对话框
flutter
西西学代码2 天前
Flutter---Button
flutter