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



如何使用字体URL在flutter应用程序中嵌入网络字体?

根据要求,我不能使用自定义字体,如下所示:

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

有人能告诉我如何直接从URL使用字体吗?

由于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'))

最新更新