[Flutter]Text(テキスト)のフォントファミリーを設定するには？

どうも、ちょげ(@chogetarou)です。

Textのフォントファミリーを設定する方法を紹介します。

方法

Textのフォントファミリーを設定するには、TextStyleを使います。

まず、Textの引数「style」にTextStyleを指定します。

そして、TextStyleの引数「fontFamily」にフォントファミリー名を指定します。

Text(
  'テキスト',
  style: TextStyle(
    fontFamily: 'フォントファミリー名',
  ),
),

TextStyleの引数「fontFamily」に指定したフォントファミリーが、Textに設定されます。

flutter:
  fonts:
      - family: name
        fonts:
          - asset: path

flutter:
  fonts:
      - family: Updock-Regular
        fonts:
          - asset: assets/fonts/Updock-Regular.ttf

使用例

  @override
  Widget build(BuildContext context) {
    return SafeArea(
      child: Scaffold(
        body: Center(
          child: Text(
            'Hello, Flutter',
            style: TextStyle(
              fontFamily: 'Updock-Regular',
              fontSize: 50,
            ),
          ),
        ),
      ),
    );
  }