在Flutter中添加自定义字体时遇到问题

时间:2019-10-22 21:35:12

标签: flutter dart fonts flutter-dependencies

在Flutter中添加自定义字体时,我没有收到错误消息,但是没有应用字体。

我已经尝试了完全重建,重新安装以及从其他类似线程中读取的内容,但到目前为止没有任何效果。这是我的pubspec.yaml的一部分

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

这是代码示例...

                        new TextSpan(
                          text: 'Started!', 
                          style: new TextStyle(
                            decoration: TextDecoration.none,
                            fontSize: 50.0,
                            fontFamily: "Bauhaus",
                            color: Colors.red,
                          ),
                        ),

它可以与“ Times New Roman”等默认值一起使用,但不能与自定义字体一起使用。

1 个答案:

答案 0 :(得分:0)

运行主功能后您尚未配置主题

像这样:

fonts:
    - family: SFUIText
      fonts:
        - asset: assets/fonts/SFUIText-Regular.ttf
        - asset: assets/fonts/SFUIText-Semibold.ttf
          weight: 600
        - asset: assets/fonts/SFUIText-RegularItalic.ttf
          style: italic


final app = MaterialApp(
      theme: ThemeData(
          primaryIconTheme: const IconThemeData(color: mColorIcon),
          primaryColor: mColorPrimary,
          accentColor: mColorAccent,
          backgroundColor: mColorBackground,
          indicatorColor: mColorPrimary,
          splashColor: mColorPrimary,
          canvasColor: mColorCanvas,
          appBarTheme: Styles.appBar,
          fontFamily: 'SFUIText',
          textTheme: TextTheme(
              title: Styles.title,
              body1: Styles.textSecondary,
              body2: Styles.textSecondaryBold,
              headline: Styles.headline,
              subhead: Styles.subHeading,
              button: Styles.button,
              overline: Styles.overline)), ...);