Question

我想向特定的窗口小部件添加自定义字体，我做了一切，但没有改变我将字体文件导入到项目中，并为其创建了一个“ fonts”文件夹，然后在pubspec中声明了字体

我正在使用PlayfairDisplay，并且尝试过Roboto，但它仍然没有改变

uses-material-design: true
fonts:
  - family: PlayfairDispaly
    fonts:
      - asset: fonts/PlayfairDisplay-Bold.ttf
        style: bold

Answer 1

您可能错误地定义了字体系列名称

家族：PlayfairDispaly字体：-资产：fonts / PlayfairDisplay-Bold.ttf样式：粗体

您应将其写为PlayfairDisplay，而不是 PlayfairDispaly

也许您可以通过以下代码在小部件中使用它：

img.plskiyo

Answer 2

当在波动中使用Google字体时，必须注意空格和制表符，此外，您还应确保dart文件和pubspec.yaml文件中的字体家族名称完全相同，且区分大小写。

main.dart文件应具有如下代码：-

Text(
  'FullStack Developer',
   style: TextStyle(
   fontSize: 20.0,
   color: Colors.black,
   fontFamily: 'Playfair Display',
   letterSpacing: 2.0,
   fontWeight: FontWeight.bold,
   ),
  ),

，对于pubspec.yaml，请尝试以下操作：-

flutter:
uses-material-design: true
fonts:
  - family: PlayfairDisplay
    fonts:
      - asset: fonts/PlayfairDisplay-Regular.ttf

如何添加自定义字体？

2 个答案: