Flutter 拖出文本

Question

我正在构建一个 flutter web 应用程序，我想在其中使用 Futura 粗体字体一些文本。文本位于列、容器和 Fittedbox 中，如下所示:

Container(
          width: MediaQuery.of(context).size.width * 0.9,
          child: FittedBox(
            fit: BoxFit.fitWidth,
            child: Text(
              'Join to closed beta',
              textAlign: TextAlign.center,
              style: TextStyle(
                fontFamily: 'FuturaBold',
                color: Colors.white,
                // fontSize: 50
              ),
            ),
          ),
        ),

字体的 pubspec.yaml 是这样的:

 fonts:
- family: FuturaBold
  fonts:
    - asset: lib/assets/fonts/Futura Bold font.ttf

但是，文本是垂直绘制的，因此看起来不像这样:它看起来像这样: 。我该如何解决这个问题？谢谢。

Answer 1

由于您使用的是合适的框并且没有设置高度而只设置了宽度，所以我非常确定您的文本能够按照他想要的方式垂直扩展。

Soo我认为问题出在字体本身。 您使用的字体不是原来的“Futura Bold”。

您可以从大写字母“J”和字母“t”中看到它。

原始的“Futura Bold”应该是这样的:

我的截图来自:

https://www.fonts.com/font/urw/futura?QueryFontType=Web&src=GoogleWebFonts