【问题标题】:Custom 'fontFamily' is not working in Flutter自定义 'fontFamily' 在 Flutter 中不起作用
【发布时间】:2021-03-11 09:26:32
【问题描述】:

我是 'Flutter' 的新手,我尝试将 google 字体中的新字体系列添加到我的应用程序中。 我遵循了这些步骤。

  1. 下载谷歌字体(IndieFlower-Regular.ttf)

  2. 在根目录中创建一个文件夹'fonts'并复制.tff 文件。

  3. 将其添加到 pubspec.yaml 文件并获取依赖项。

  4. 如下添加到.dart文件中

    style: TextStyle(color: Colors.black87, fontSize: 25.0, fontFamily: 'IndieFlower'), ), https://github.com/ChkBuk/FlutterPlayground/tree/master

但在运行应用程序时,它的字体系列不适用。有人可以帮忙解决这个问题吗?

【问题讨论】:

  • 发布您的 pubspec.yaml 和 ThemeData() 以了解确切原因。顺便说一句,谷歌字体有它的官方插件,你可以轻松使用:pub.dev/packages/google_fonts
  • @AmitB10 谢谢。 [pub.dev/packages/google_fonts] 对我有用,插件比手动添加更容易。
  • 该包将处理字体,您无需下载并将其捆绑在您的应用中,这是减小尺寸的好方法(如果您的应用中有多种谷歌字体)跨度>

标签: android-studio flutter dart


【解决方案1】:

如果你在做完所有必要的事情后出现错误,它的字体系列,颤振只允许应用程序中的一些字体,我不是主要原因,对于我的应用程序,我需要 Bench 9 font family 但是在做了所有必要的事情之后,它没有工作,我也搜索了,但后来我发现我写的和上面一样的原因,更改字体系列

【讨论】:

    【解决方案2】:

    根据您的 yaml 文件,您在根目录中添加字体,但它应该在资产部分中

    ......
    fonts:
      - family: IndieFlower
      fonts:
        - asset: fonts/IndieFlower-Regular.ttf
    .....
    

    实际上应该像下面这样使用

    assets
      - fonts:
        - family: IndieFlower
          fonts:
            - asset: fonts/IndieFlower-Regular.ttf
    

    【讨论】:

      猜你喜欢
      • 2018-01-15
      • 2020-07-17
      • 2019-05-28
      • 2020-10-23
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2020-10-22
      • 1970-01-01
      相关资源
      最近更新 更多