Flutter macOSでFontWeight.boldが反映されない

enoiu 2022/05/27

TextStyleのfontWeightにFontWeight.boldを指定しているのですが、macOSアプリでは太字になりません。
他のバージョン（Android, iOS, Web）では太字になります。
フォントをgoogle_fontsにあるもの（Webと同じ）にしても変わりませんでした。

macOS

Web

enoiu 2022/08/29

比較したら、若干太字にはなっていた。
けどほとんど違いがわからない。

enoiu 2022/08/30

google_fontsでのFontWeightに関するissueが上がっていた。

とりあえずの解決策

fontFamilyで直接GoogleFontsを指定して、そのGogleFontsの引数としてfontWeightを指定する。

fontFamily: GoogleFonts.encodeSansExpanded(fontWeight: FontWeight.w200).fontFamily,

String fontFamily = 'Sawarabi Gothic';
fontFamily: GoogleFonts.getFont(fontFamily, fontWeight: FontWeight.bold).fontFamily

とりあえずこれで、google_fontsを使った際にFontWeight.boldが適用されるようになった。

enoiu 2022/08/30

フォントを何も指定しない場合にFontWeight.boldが適用されない問題については、GitHubで質問した。

enoiu 2022/08/30

すぐに応じていただきました。ありがとうございます。

enoiu 2022/08/30

すでに、中国語でFontWeightがきちんと動かない問題が報告されていたらしい。

enoiu 2022/08/30

一時的な解決策として、fontFamilyにMacOSのデフォルトフォント名を指定するといいらしい。

enoiu 2022/08/30

MacOSでの日本語フォントはHiragino Sansのようなので（参考）、それをfontFamilyに指定した。

///
class MyApp extends StatelessWidget {
  const MyApp({Key? key}) : super(key: key);

  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'Flutter Demo',
      theme: ThemeData(
        primarySwatch: Colors.blue,
+       fontFamily: 'Hiragino Sans',
      ),
      home: const MyHomePage(),
    );
  }
}
///

これで、FontWeight.boldが反映された。

Before	After

このスクラップは2022/09/02にクローズされました