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

将字体 .ttf 文件增加到应用程序的文件夹中。说。assets/font/

将资产和字体增加到 pubspec.yaml 文件中的 flutter 属性。您能够向应用程序增加一种或多种字体系列。在本教程中，咱们将增加两种字体。

flutter:  uses-material-design: true  assets:    - 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<MyApp> {  @override  Widget build(BuildContext context) {    return Scaffold(      appBar: AppBar(        title: new Text("Flutter Tutorial - googleflutter.com"),      ),      body: Center(          child: Column(children: <Widget>[        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),            )),      ])),    );  }}

截图

https://googleflutter.com/flu...

本文由博客一文多发平台 OpenWrite 公布！