Чтобы добавить собственные шрифты во Flutter, вы можете использовать несколько методов. Вот некоторые из распространенных подходов с примерами кода:
-
Использование файла
pubspec.yaml:-
Поместите файлы шрифтов (например,.ttf или.otf) в каталог
fontsпроекта. -
Откройте файл
pubspec.yamlи добавьте следующий фрагмент кода:flutter: fonts: - family: CustomFont fonts: - asset: fonts/CustomFont-Regular.ttf - asset: fonts/CustomFont-Bold.ttf weight: 700 -
Замените
CustomFontна нужное имя семейства шрифтов и соответствующим образом измените пути к файлам. -
Запустите
flutter pub get, чтобы получить шрифты, и Flutter автоматически сгенерирует необходимый код.
-
-
Использование виджета
TextStyle:-
Поместите файлы шрифтов в каталог
fonts. -
Импортируйте файлы шрифтов и определите их как объекты
Font:import 'package:flutter/services.dart'; import 'package:flutter/widgets.dart'; ... Future<void> loadFonts() async { await Future.wait([ Font.load('assets/fonts/CustomFont-Regular.ttf'), Font.load('assets/fonts/CustomFont-Bold.ttf'), ]); } -
Вызовите функцию
loadFonts()в методеmain()или в любом подходящем месте.
-
-
Использование пакета Google Fonts:
- Добавьте пакет
google_fontsв файлpubspec.yaml. - Запустите
flutter pub get, чтобы получить пакет. -
Импортируйте пакет в файл Dart и используйте нужный шрифт:
import 'package:google_fonts/google_fonts.dart'; ... Text( 'Hello', style: GoogleFonts.customFont(), )
- Добавьте пакет