仅为 Flutter Web 添加自定义字体

【问题标题】：Add Custom Font for Flutter Web Only仅为 Flutter Web 添加自定义字体
【发布时间】：2021-05-23 04:15:36
【问题描述】：

如何为网页添加自定义字体？

我知道我可以添加字体资源，但我想继续为 ios 和 android 使用系统字体。

我是否在 index.html 中的 <head> 中嵌入了用于 google 字体的 <link>？

例如：

<link rel="preconnect" href="https://fonts.gstatic.com">
<link href="https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,300;0,400;0,500;1,300;1,400;1,500&display=swap" rel="stylesheet">

【问题讨论】：

标签： flutter dart flutter-web

【解决方案1】：

如果您想使用 Google 字体，https://pub.dev/packages/google_fonts 包可以将字体加载延迟到运行时。如果您确定您在网络上，请加载字体并在您的主要文本主题中选择它。否则，忽略这一切。 :)

【讨论】：

谢谢我不知道google_fonts 包。我最终这样做了：ThemeData(textTheme: kIsWeb ? GoogleFonts.robotoTextTheme() : null)