Используйте пользовательские шрифты во Flutter с примерами кода

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

  1. Использование пакета Google Fonts.
    Flutter предоставляет пакет google_fonts, который позволяет легко использовать широкий спектр шрифтов из библиотеки Google Fonts.

    Пример:

    import 'package:flutter/material.dart';
    import 'package:google_fonts/google_fonts.dart';
    class MyApp extends StatelessWidget {
     @override
     Widget build(BuildContext context) {
       return MaterialApp(
         theme: ThemeData(
           // Set the default font family for the whole app
           fontFamily: GoogleFonts.poppins().fontFamily,
         ),
         home: MyHomePage(),
       );
     }
    }
    class MyHomePage extends StatelessWidget {
     @override
     Widget build(BuildContext context) {
       return Scaffold(
         appBar: AppBar(
           title: Text('Flutter Fonts'),
         ),
         body: Text(
           'Custom Font Example',
           style: GoogleFonts.lato(fontSize: 24),
         ),
       );
     }
    }
  2. Использование локальных шрифтов.
    Вы также можете использовать шрифты, хранящиеся локально в вашем проекте Flutter.

    Пример:

    import 'package:flutter/material.dart';
    class MyApp extends StatelessWidget {
     @override
     Widget build(BuildContext context) {
       return MaterialApp(
         theme: ThemeData(
           // Set the default font family for the whole app
           fontFamily: 'CustomFont',
         ),
         home: MyHomePage(),
       );
     }
    }
    class MyHomePage extends StatelessWidget {
     @override
     Widget build(BuildContext context) {
       return Scaffold(
         appBar: AppBar(
           title: Text('Flutter Fonts'),
         ),
         body: Text(
           'Custom Font Example',
           style: TextStyle(fontFamily: 'CustomFont', fontSize: 24),
         ),
       );
     }
    }
  3. Использование файлов шрифтов.
    Вы можете напрямую использовать файлы шрифтов в своем проекте Flutter, поместив файлы шрифтов в каталог assets/fontsи настроив pubspec.yaml.файл.

    Пример:

    import 'package:flutter/material.dart';
    class MyApp extends StatelessWidget {
     @override
     Widget build(BuildContext context) {
       return MaterialApp(
         theme: ThemeData(
           // Set the default font family for the whole app
           fontFamily: 'CustomFont',
         ),
         home: MyHomePage(),
       );
     }
    }
    class MyHomePage extends StatelessWidget {
     @override
     Widget build(BuildContext context) {
       return Scaffold(
         appBar: AppBar(
           title: Text('Flutter Fonts'),
         ),
         body: Text(
           'Custom Font Example',
           style: TextStyle(fontFamily: 'CustomFont', fontSize: 24),
         ),
       );
     }
    }