颤振拖出文本答案

【问题标题】：Flutter dragging out text颤振拖出文本
【发布时间】：2021-06-06 18:51:14
【问题描述】：

我正在构建一个 Flutter Web 应用程序，我想在其中使用 Futura Bold Font 中的一些文本。文本位于列中、容器中和 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

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

【问题讨论】：

你为什么使用 FittedBox ？

标签： flutter user-interface dart text flutter-web

【解决方案1】：

由于您使用的是合适的框并且没有设置高度而只设置宽度，所以我很确定您的文本能够随心所欲地垂直扩展。

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

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

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

我的截图来自：

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

【讨论】：