在 Flutter 中更改文本的字体系列 flutter

在 Flutter 中更改文本的字体系列将字体 .ttf 文件添加到应用程序的文件夹中。说。assets/font/
将资产和字体添加到 pubspec.yaml 文件中的 flutter 属性。您可以向应用程序添加一种或多种字体系列。在本教程中，我们将添加两种字体。

flutter:uses-material-design: trueassets: - assets/font/fonts: - family: Font1 fonts: - asset: assets/font/font1.ttf - family: Font2 fonts: - asset: assets/font/font2.ttf

main.dart

import 'package:flutter/material.dart'; void main() { runApp(MaterialApp( home: MyApp(), )); }class MyApp extends StatefulWidget { @override _MyAppState createState() => _MyAppState(); }class _MyAppState extends State { @override Widget build(BuildContext context) { return Scaffold( appBar: AppBar( title: new Text("Flutter Tutorial - googleflutter.com"), ), body: Center( child: Column(children: [ Container( padding: EdgeInsets.all(20), child: Text( 'Welcome to Flutter Tutorial by googleflutter.com', style: TextStyle( fontFamily: "Font1", fontSize: 40, fontWeight: FontWeight.bold), ), ), Container( padding: EdgeInsets.all(20), child: Text( 'Welcome to Flutter Tutorial by googleflutter.com', style: TextStyle( fontFamily: "Font2", fontSize: 40, fontWeight: FontWeight.bold), )), ])), ); } }

截图