颤振自定义字体未加载

Question

已解决：我仍然不确定问题是什么，但我通过简单地创建一个新的 Flutter 项目，在新项目中设置字体，然后将我的 .dart 文件粘贴到新项目中来解决它。尽管一切都完全相同（据我所知），但它运行良好。去搞清楚。

---

我试图在我的应用程序中使用自定义字体但没有成功。

这是我的 pubspec.yaml 文件的字体部分：

fonts:
  - family: Muli
    fonts:
      - asset:  fonts/Muli-Light.ttf

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

在我的应用程序中：

Widget _sectionTitle(String text) {
  return Container( 
  padding: EdgeInsets.fromLTRB(25.0, 0.0, 25.0, 5.0),
  child: Text(text,          
  style: new TextStyle(fontFamily: 'Muli', fontSize: 50.0),
  ));
  }
Widget _sectionText(String text){
    return Container (
    padding: EdgeInsets.fromLTRB(25.0, 0.0, 25.0, 15.0),
    child: Text(text, style: TextStyle(fontFamily: 'LibreBaskerville', fontSize: 20.0)),
    );
 }

在我尝试过的事情中（多次）：

• 从模拟器中删除已安装的文件
• 从 Android Studio 运行与从 VSCode 运行
• 将 .ttf 文件移动到不同的文件夹
• 下载其他字体
• 使用在线 YAML 验证器
• 扑干净

我假设 pubspec.yaml 文件有问题，但我看不出它可能是什么。

任何建议将不胜感激。谢谢。

编辑：刚刚尝试使用相同的 Pubspec.yaml 字体信息创建一个新的默认 Flutter 应用程序。我将自定义字体添加到 MaterialApp 小部件并且它可以工作......所以也许问题不在于 yaml。

Answer 1

从测试设备中删除应用程序，然后执行flutter clean，重新运行

flutter clean

Answer 2

这些是将自定义字体添加到应用程序时需要遵循的步骤。

步骤一：将你的字体文件（Abc.ttf）放入assets文件夹中（如果你没有，你可能需要自己创建）

第 2 步：打开pubspec.yaml文件并添加此内容（跟踪空格）

  fonts:
   - family: MyFont
     fonts:
       - asset: assets/Abc.ttf

步骤 3：flutter packages get在终端中运行（或使用 IDE 中的 Packages get 选项）

步骤 4：在代码中使用自定义字体，如下所示

Text("Example", style:TextStyle(fontFamily: "MyFont"))