вы можете следить за моим ответом
Как использовать пользовательские шрифты во Flutter?
Шрифт по умолчанию, используемый во Flutter, — Roboto. Если вы хотите добавить собственный шрифт во Flutter, у вас есть 2 способа. Если шрифт, который вы хотите добавить, доступен в Google Fonts, вы можете использовать пакет google_fonts, доступный в Dart Pub. Если шрифт, который вы хотите использовать, недоступен в Google Fonts, вы должны добавить TTF-файл шрифта в ресурсы и загрузить его с помощью pubspec.yaml. Оба метода описаны в следующем руководстве.
Использование пакета google_fonts Установка пакета Добавьте google_fonts в pubspec.yaml, как показано ниже. Никаких других настроек для плагина в операционных системах iOS и Android не требуется.
зависимости: флаттер: sdk: флаттер google_fonts: ^ 1.1.0
Использование Пакет google_fonts можно использовать для применения любого желаемого шрифта, доступного в шрифтах Google, как в качестве TextStyle виджета Text(), так и внутри виджета Theme(). Оба примера показаны ниже.
/// Example usage in text widget
/// as style property
Text(
'This is an example of using GoogleFonts in text widget',
style: GoogleFonts.montserrat(
textStyle: Theme.of(context).textTheme.headline3,
fontWeight: FontWeight.w400,
fontStyle: FontStyle.italic,
color: primaryColor),
)
/// Example usage in TextTheme
TextTheme(
headline2: GoogleFonts.lato(
color: Colors.black,
fontSize: 48.0,
letterSpacing: -1.5
),
),
- Добавление шрифтов, недоступных в шрифтах Google Добавление TTF-файла шрифта в активы Первый шаг — получить TTF-файл шрифта, который вы хотите использовать, и добавить его в активы вашего приложения. Структура папок показана на изображении ниже.
Добавьте шрифт в pubspec.yaml Теперь нам нужно добавить шрифт в pubspec.yaml, как показано ниже. Это загрузит шрифт для использования внутри нашего приложения.
dev_dependencies:
flutter_test:
sdk: flutter
flutter:
fonts:
- family: Lora
fonts:
- asset: assets/fonts/Lora-Regular.ttf
- asset: assets/fonts/Lora-Bold.ttf
weight: 800
- asset: assets/fonts/Lora-Medium.ttf
weight: 600
- asset: assets/fonts/Lora-SemiBold.ttf
weight: 500
- asset: assets/fonts/Lora-Italic.ttf
style: italic
weight: 500
uses-material-design: true
assets:
- assets/icons/
Использование Пример использования шрифта как стиля виджета Text().
/// Example usage of cutom font in Text widget
Text(
"Example usage of cutom font in Text",
textAlign: TextAlign.center,
style: Theme.of(context).textTheme.subtitle1.copyWith(
fontFamily: 'Lora',
),
)
в деталях https://educity.app/flutter/how-to-use-custom-fonts-in-flutter
person
Md Omor Faruqe
schedule
16.04.2021