[Flutter]Text(テキスト)のフォントを設定する方法

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

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

方法

Textのフォントを設定するには、引数「style」を使います。

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

そして、TextStyleの引数でフォントの設定をします。

Text(
  'テキスト',
  style: TextStyle(/*フォントの設定*/)
),

TextStyleの引数で設定したフォントが、Textに設定されます。

使用例

  @override
  Widget build(BuildContext context) {
    return SafeArea(
      child: Scaffold(
        body: Center(
          child: Column(
            mainAxisSize: MainAxisSize.min,
            children: [
              Text(
                'Hello, Flutter',
                style: TextStyle(
                  fontWeight: FontWeight.bold,
                  fontSize: 35.6,
                ),
              ),
              Text(
                'Hello, Flutter',
                style: TextStyle(
                  fontFamily: 'Updock-Regular',
                  fontSize: 50,
                ),
              ),
              Text(
                'Hello, Flutter',
                style: TextStyle(
                  fontStyle: FontStyle.italic,
                  fontSize: 20,
                  color: Colors.red,
                ),
              ),
            ],
          ),
        ),
      ),
    );
  }