flutter如何使用苹方字体
Flutter可以通过以下步骤使用苹方字体:
- 在pubspec.yaml文件中添加以下依赖:
dependencies:
flutter:
sdk: flutter
flutter/cupertino:
sdk: flutter
cupertino_icons: ^0.1.3
font_awesome_flutter: ^8.0.0
# 添加以下依赖
font_awesome_flutter: ^2.0.0
flutter_typeahead: ^2.0.0
google_fonts: ^2.0.0
- 在pubspec.yaml文件中添加以下字体:
fonts:
- family: PingFang
fonts:
- asset: assets/fonts/PingFang Regular.ttf
- asset: assets/fonts/PingFang Medium.ttf
- asset: assets/fonts/PingFang Bold.ttf
其中,assets/fonts/是字体文件夹的路径,PingFang Regular.ttf、PingFang Medium.ttf和PingFang Bold.ttf是字体文件的名称。
- 在Flutter应用程序中使用该字体,例如:
import 'package:flutter/material.dart';
import 'package:google_fonts/google_fonts.dart';
void main() {
runApp(MyApp());
}
class MyApp extends StatelessWidget {
@override
Widget build(BuildContext context) {
return MaterialApp(
title: 'PingFang Demo',
theme: ThemeData(
// 使用Google Fonts库加载字体
textTheme: GoogleFonts.pingFangTextTheme(
Theme.of(context).textTheme,
),
),
home: Scaffold(
appBar: AppBar(
title: Text('PingFang Demo'),
),
body: Center(
child: Text(
'Hello, World!',
style: TextStyle(
// 指定使用PingFang字体
fontFamily: 'PingFang',
),
),
),
),
);
}
}
在这个例子中,我们使用了Google Fonts库来加载字体,并在主题中指定了使用PingFang字体。在Text小部件中,我们将字体族设置为PingFang
原文地址: https://www.cveoy.top/t/topic/cCK1 著作权归作者所有。请勿转载和采集!