Несколько методов добавления пользовательских шрифтов во Flutter с примерами кода

Чтобы добавить собственные шрифты во Flutter, вы можете использовать несколько методов. Вот некоторые из распространенных подходов с примерами кода:

  1. Использование файла 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 автоматически сгенерирует необходимый код.

  2. Использование виджета 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()или в любом подходящем месте.

  3. Использование пакета Google Fonts:

    • Добавьте пакет google_fontsв файл pubspec.yaml.
    • Запустите flutter pub get, чтобы получить пакет.
    • Импортируйте пакет в файл Dart и используйте нужный шрифт:

      import 'package:google_fonts/google_fonts.dart';
      ...
      Text(
      'Hello',
      style: GoogleFonts.customFont(),
      )