Flutter 拖出文本

Question

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

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

但是，文本是垂直绘制的，所以看起来不像这样： it looks like this: 。我该如何解决这个问题？谢谢

Answer 1

由于您使用的是合适的框并且没有设置高度而只设置了宽度，我很确定您的文字能够垂直扩展到他想要的程度。

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

从字母大写'J'和字母't'就可以看出。

原版“Futura Bold”应该是这样的：

我截取自：

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

Flutter 拖出文本

Flutter dragging out text

user-interface

text

dart

flutter

flutter-web