如何在颤振应用程序中使用字体 URL 嵌入 webfont

【问题标题】：How to embed webfont using font URL in flutter application如何在颤振应用程序中使用字体 URL 嵌入 webfont
【发布时间】：2020-03-15 00:36:16
【问题描述】：

如何使用 font-URL 将 webfonts 嵌入到 Flutter 应用程序中？

根据要求，我不能使用自定义字体如下：

flutter:
  fonts:
    - family: Raleway
      fonts:
        - asset: fonts/Raleway-Regular.ttf

谁能告诉我如何直接从 URL 使用字体？

【问题讨论】：

我不认为 Flutter 支持从 url 动态加载字体，仅根据其文档从资产中加载

标签： flutter webfonts flutter-dependencies flutter-web

【解决方案1】：

因为flutter for web 还在technical preview 中，也许将来它不会起作用。但是现在（在我的情况下是 Flutter 1.10.14 dev）我们可以像在普通网页中一样从 url 引用字体。
从web 文件夹添加到index.html 文件的head 部分：

  <link href="https://fonts.googleapis.com/css?family=Raleway&display=swap" rel="stylesheet">

并参考代码中的字体，例如：

Text( 'Example', style: TextStyle(fontFamily: 'Raleway'))

【讨论】：