在 Flutter 中更改文本的字体系列
Posted Lucklyの博客
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了在 Flutter 中更改文本的字体系列相关的知识,希望对你有一定的参考价值。
在 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/flutter-text-change-font-family/
本文由博客一文多发平台 OpenWrite 发布!
以上是关于在 Flutter 中更改文本的字体系列的主要内容,如果未能解决你的问题,请参考以下文章
在 SearchDelegate Flutter 中更改 searchFieldLabel 的字体样式