代码之家  ›  专栏  ›  技术社区  ›  LeeHunter

未加载颤振自定义字体

  •  4
  • LeeHunter  · 技术社区  · 6 年前

    解决了的 :我仍然不确定问题出在哪里,但我只是通过创建一个新的flutr项目,在新项目中设置字体,然后将.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运行vs从vscode运行
    • 将.ttf文件移动到不同的文件夹
    • 下载其他字体
    • 使用在线yaml验证器
    • 振作干净

    我想pubspec.yaml文件有点问题,但我看不出可能是什么。

    如有任何建议,将不胜感激。谢谢。

    编辑:刚刚尝试用相同的pubspec.yaml字体信息创建一个新的默认flutter应用程序。我在materialapp小部件中添加了自定义字体,它可以工作…所以也许问题不是山药。

    3 回复  |  直到 6 年前
        1
  •  2
  •   Andronicus    6 年前

    如果使用的是vs代码,则可以在终端运行以下命令: flutter run --enable-software-rendering 是的。 这应该能解决问题。

        2
  •  0
  •   CopsOnRoad    6 年前

    以下是向应用程序添加自定义字体时需要遵循的步骤。

    步骤1 :将字体文件(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")) 
    
        3
  •  -2
  •   zain    6 年前

    尝试在模拟器中重新安装apk