颤动 - 自定义字体不显示

时间:2017-06-05 10:01:34

标签: dart flutter

这是我的pubspec.yaml文件的摘录:

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

我正在尝试使用Google Fonts页面中名为“Coiny”的字体。我在我的根目录中创建了一个fonts文件夹并将其放在那里。

在我的代码中,我这样做:

new Text("Testtext", style: new TextStyle(fontFamily: "Coiny")),

但它没有效果。我在过去遇到过与Barrio字体类似的问题。但它似乎在一段时间后起作用,而这种情况并非如此。

14 个答案:

答案 0 :(得分:14)

您可能想尝试从设备中删除该应用并重新安装。根据您的启动方式,可能不会覆盖旧的安装文件。

答案 1 :(得分:2)

我有同样的问题。如果您正在通过仿真器进行测试,则只需停止并重新启动它即可。通过VSCode,您只需停止运行过程(右上角的红色方框),然后依次run-> Run without debuggingStart Debugging

答案 2 :(得分:1)

只需从您的android设备上卸载以前的flutter应用apk,然后再次运行该应用即可。这样可以解决您的问题。如果这不起作用,请清除设备缓存,然后重试。

答案 3 :(得分:1)

您已经在应用中添加了新文件,因此您必须 关闭正在运行的设备,然后重新启动模拟器。

-停止正在运行的模拟器 -运行模拟器

在我的情况下有效。

答案 4 :(得分:0)

字体声明对齐方式与pubspec.yaml不同。应该是下面的样子。

fonts:
      - family: Coiny
        fonts:
          - asset: fonts/Coiny-Regular.ttf

您可以检出here

答案 5 :(得分:0)

我尝试了一切,但是pubspec.yaml中的更改没有任何区别。然后,我创建了一个新项目。复制字体文件到相应的文件夹,对pubspec.yaml进行所有更改,将代码粘贴到我的main.dart文件中。我确保一切都准备就绪,然后在模拟器中运行项目,中提琴使所有字体焕然一新。

答案 6 :(得分:0)

无论何时对pubspec.yaml文件进行更改,始终最好从IDE停止正在进行的飞镖过程并完全重新启动。

如果您执行热重载或热重启,引擎可能无法将新添加的数据提取到文件中。如果没有任何效果,则应使用@Collin答案,然后卸载并重新安装该应用程序。

答案 7 :(得分:0)

我还有另一个原因。考虑从姓氏中删除空格。例如,使用“ MavenPro” 代替“ Maven Pro”

还要检查是否将 fonts 部分放入 flutter 部分。

答案 8 :(得分:0)

Idek,有时我发现您需要完全杀死您的模拟器或设备,然后重新安装才能使用某些字体。 我还发现某些字体只是拒绝工作。 尝试使用其他字体,以确认您的pubspec和TextThemes实际上与已知的工作字体正确无误。

答案 9 :(得分:0)

在pubspec.yaml中设置

 fonts:
  - family: Montserrat
    fonts:
      - asset: assets/fonts/Montserrat-Regular.ttf
      - asset: assets/fonts/Montserrat-Bold.ttf


    and then make sure that clean and build

答案 10 :(得分:0)

我的字体有问题,并收到以下两个警告:

Warning: No fonts specified for font [font family name]
Warning: Missing family name for font.

问题是我的pubspec.yaml fonts部分输入错误。

确保您的pubspec.yaml如下所示:

flutter:

  fonts:
    - family: FontFamily
      fonts:
      - asset: fonts/Font-Medium.ttf

  uses-material-design: true

然后,您需要先flutter clean,然后再flutter pub get。如果上述所有操作均失败,请尝试卸载该应用程序,然后在完成上述操作后重新安装它(如Collin所述)。

在嵌套的fonts声明旁边有一个“-”,这导致了这些错误(并且字体不起作用)。

答案 11 :(得分:0)

我在font:下方有flutter:。我将font:部分移到了flutter:下,并开始工作。

flutter:

  fonts:
    - family: Test
      fonts:
      - asset: assets/fonts/Font-Test.ttf

答案 12 :(得分:0)

1. 检查缩进。每个子属性的左侧都有 2 个空格。不要使用制表符空格。

2. 停止执行 dart 文件并尝试冷启动模拟器。

3.尝试热重启。

请参阅 this YouTube 教程。

答案 13 :(得分:0)

就我而言,字体资产文件已损坏。首先尝试在本地计算机上安装它们。如果它给你一个错误,那么它们已经损坏了。