使用 Google 字体时字体粗细不起作用答案

【问题标题】：FontWeight not working when using GoogleFonts使用 Google 字体时字体粗细不起作用
【发布时间】：2020-11-07 14:30:39
【问题描述】：

我正在使用 Flutter Web（目前处于测试阶段），并且在使用 GoogleFonts 时，Text 小部件的 FontWeight 似乎无法正常工作。使用默认字体时不存在问题。

项目：

项目是使用以下命令创建的

flutter channel beta 
flutter upgrade 
flutter config --enable-web
flutter create web_font_not_working

示例代码：

import 'package:flutter/material.dart';
import 'package:google_fonts/google_fonts.dart';

void main() {
  runApp(App());
}

class App extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'Flutter Demo',
      theme: ThemeData(
          primarySwatch: Colors.blue,
          visualDensity: VisualDensity.adaptivePlatformDensity,
          textTheme: GoogleFonts.montserratTextTheme()),
      home: HomePage(),    
    );
  }
}

class HomePage extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
        body: Column(
      crossAxisAlignment: CrossAxisAlignment.start,
      children: [
        Text(
          'This text should be bold',
          style: TextStyle(fontWeight: FontWeight.bold),
        ),
        Text('This text is normal'),
      ],
    ));
  }
}

示例代码的结果：

副作用：

保存代码时，浏览器按预期刷新并在短时间内显示粗体文本。页面完全加载后，网站如上图所示。

问题：

我做错了吗？
这是软件中的错误吗？
GoogleFonts Package 还不支持网络吗？如果是这种情况，什么是合适的解决方法？

【问题讨论】：

标签： flutter web

【解决方案1】：

如下所示，google_fonts 目前仅支持 ANDROID 和 IOS。

我认为您在寻找新插件时可能会考虑filtering your search。这样，它只会显示支持 Flutter Web 的包。

另外，你可能想看看this post，因为它展示了如何在 Flutter Web 上更改字体

【讨论】：

是的，这正是我所期望的。。通常似乎没有明确支持 web 的软件包仍在工作，但我想在这种情况下并非如此。此外，引用的问答似乎有点过时，但无论如何我都会尝试解决。

【解决方案2】：

这个问题现在已经过时了。

我目前正在使用flutter 1.21.0-9.1.pre，而google_fonts 正在按预期工作。

如果您遇到类似问题，请升级到最新的 Flutter 版本。

【讨论】：