如何添加自定义字体?

时间:2019-08-18 15:21:04

标签: flutter fonts

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

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

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

2 个答案:

答案 0 :(得分:0)

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

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

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

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

img.plskiyo

答案 1 :(得分:0)

当在波动中使用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