当前位置: 首页 > 知识库问答 >
问题:

自定义“字体家庭”在飘逸中不起作用

权弘新
2023-03-14

我是“Flutter”的新手,我试图从谷歌字体添加新的字体系列到我的应用程序。我遵循了这些步骤。

>

  • 下载google字体(IndieFlower-Regular.ttf)

    在根目录下创建了一个fonts文件夹,并复制了。tff文件。

    将其添加到pubspec.yaml文件并获取依赖项。

    添加到 .dart 文件中,如下所示

    样式: 文本样式( 颜色: 颜色.黑色87, 字体大小: 25.0, 字体家庭: 独立花卉“), ), https://github.com/ChkBuk/FlutterPlayground/tree/master

    但是当运行应用程序时,它的字体系列不适用。有人能帮助解决这个问题吗?

  • 共有2个答案

    奚飞星
    2023-03-14

    如果你在做了所有必要的事情之后出现错误,那就是字体系列,flutter只允许应用程序中的一些字体,我不知道主要原因,对于我的应用程序,我需要Bench 9字体系列,但在做了一切必要的事情后,它没有起作用,我也进行了搜索,但后来我发现了上面我写的相同的原因,更改字体系列

    张浩阔
    2023-03-14

    根据您的yaml文件,您在根目录中添加了字体,但是它应该在assets部分中

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

    实际上,它应该像下面这样使用

    assets
      - fonts:
        - family: IndieFlower
          fonts:
            - asset: fonts/IndieFlower-Regular.ttf
    
     类似资料:
    • 字体始终显示默认字体。 我的字体存储在资源/字体中。我尝试使用其他字体,并对字体进行重新编码。此外,PixlUI库并没有解决这个问题。 主要活动。Java语言 activity\u main。xml

    • 我在Angular中有一个自定义验证的表单构建器,但我在自定义验证中读取文件后无法获取文件的类型。 下面是StackBlitz: https://stackblitz.com/edit/Angular-ivy-atwqqc?file=src%2fapp%2fapp.component.ts TS文件

    • 问题内容: 我正在尝试在使用wkhtmltopdf生成的PDF中使用自定义字体。我读到您不能使用google webfonts,而wkhtmltopdf使用truetype .ttf文件。谁能确认?因此,我从Google webfont下载了一个.ttf文件,并将其放入服务器中,然后使用了字体: 和字体系列: 现在应该以Jolly Lodger字体呈现的文本根本没有出现,页面为空白。 我究竟做错了

    • 问题内容: 我正在尝试使用以下图像创建自定义光标: 图像尺寸必须保留。我尝试过使用,尽管在FF / Chrome中不起作用。(甚至不检查其他浏览器) 它不起作用的原因是什么? 问题答案: 问题不仅仅在于您的css代码缺少第二个参数,还在于图像文件。 如果您只是简单地调整大小,请使其变小(我出于测试目的尝试使用32px),它的工作原理就像是一种魅力。 从图像的外观来看,您可能还需要“指针”而不是自动

    • 问题内容: 我有一台Mac,并且安装了一种名为“ 7 Segment”的字体(它显示在Font Book中)。当我使用Helvetica(或类似字体)而不是浏览器的默认字体时,它仍然没有显示正确的字体。该页面仅需要在此计算机上显示。我将如何使用此页面上的字体?谢谢。 问题答案: 您需要使用css-property font-face来声明您的字体。 例:

    • 我有一个名为的下拉字段,其中包含电话、电子邮件等值,还有一个名为的输入字段。如果选择了下拉值,我想验证输入字段的有效电子邮件地址。。。 我试图创建一个自定义约束,将验证字段对电子邮件正则表达式,如果字段将具有值 我有以下自定义约束的代码 验证器就像 问题是它没有在表单上触发...我使用模型对话框,其中要验证的bean被呈现 参考:使用Hibernate验证器进行跨域验证(JSR 303) 期待您的