Класс FontWeight
Класс FontWeight описывает толщину шрифта
в параметре fontWeight у
TextStyle.
Шкала идёт от w100 до w900 с шагом ста.
Часто используют normal (как w400)
и bold (как w700).
Синтаксис
TextStyle(fontWeight: FontWeight.bold)
Значения
| Значение | Описание |
|---|---|
w100 |
Самое тонкое начертание, thin. |
w200 |
Extra light. |
w300 |
Light. |
w400 |
Обычная толщина, regular. |
w500 |
Medium, чуть плотнее regular. |
w600 |
Semi bold. |
w700 |
Жирное начертание, bold. |
w800 |
Extra bold. |
w900 |
Самое плотное начертание, black. |
normal |
Синоним w400 для обычного текста.
|
bold |
Синоним w700 для жирного текста.
|
Пример
Давайте сравним normal и bold в одном ряду:
import 'package:flutter/material.dart';
void main()
{
runApp(
MaterialApp(
home: Scaffold(
body: Center(
child: Row(
mainAxisSize: MainAxisSize.min,
children: [
Text(
'abcde',
style: TextStyle(fontWeight: FontWeight.normal),
),
SizedBox(width: 16),
Text(
'12345',
style: TextStyle(fontWeight: FontWeight.bold),
),
],
),
),
),
),
);
}
На экране вторая подпись будет заметно плотнее первой.
Пример
Давайте зададим промежуточную толщину w600:
import 'package:flutter/material.dart';
void main()
{
runApp(
MaterialApp(
home: Scaffold(
body: Center(
child: Text(
'abcde',
style: TextStyle(fontWeight: FontWeight.w600),
),
),
),
),
);
}
На экране текст 'abcde' будет полужирным.
Смотрите также
-
класс
TextStyle,
в котором задаётся fontWeight -
перечисление
FontStyle,
которое включает курсив -
виджет
Text,
который показывает текст с выбранной толщиной -
класс
TextDecoration,
который добавляет линии к тексту