如何在Flutter中使用自定义字体样式?
问题内容:
我已经在pubspec.yaml上设置了以下代码:
fonts:
- family: Roboto
fonts:
- asset: fonts/Roboto-Light.ttf
- asset: fonts/Roboto-Thin.ttf
- asset: fonts/Roboto-Italic.ttf
但是我不知道在我的小部件中使用例如Roboto的样式“ Roboto-Light.ttf”。我尝试了这个:
new ListTile(
title: new Text(
"Home",
style: new TextStyle(
fontFamily: "Roboto",
fontSize: 60.0,
),
),
),
我不知道如何访问样式“ Roboto-Light.ttf”。这该怎么做?
谢谢!
问题答案:
Roboto是Material样式的默认字体,无需在pubspec.yaml中添加它。
要使用不同的版本,请设置 TextStyle
Text(
'Home',
style: TextStyle(
fontWeight: FontWeight.w300, // light
fontStyle: FontStyle.italic, // italic
),
);
我觉得很瘦FontWeight.w200
。
GoogleFonts
网站中特定字体的 样式* 部分中提到了相应样式的 FontWeight 。 *
****