☀️Привет, это Катя, Flutter Dev Friflex!

Сегодня хочу поговорить о том, как легко сделать приложение красивее с помощью кастомных шрифтов во Flutter.

Почему это важно?
Дефолтные шрифты — это, конечно, хорошо, но если вы хотите, чтобы ваше приложение выделялось, кастомные шрифты — это must-have. Плюс — это занимает буквально 5 минут!

Как это сделать?
Шаг 1: Скачайте шрифт. Я обычно использую Google Fonts. Там много бесплатных и красивых вариантов

Шаг 2: Создайте папку fonts в корне проекта и положите туда файлы шрифта (обычно это .ttf или .otf)

Шаг 3: Откройте pubspec.yaml и добавьте:

flutter:
  fonts:
    - family: Montserrat
      fonts:
        - asset: fonts/Montserrat-Regular.ttf
        - asset: fonts/Montserrat-Bold.ttf
          weight: 700

Шаг 4: Используйте в коде:

Text(
  'Привет, Flutter!',
  style: TextStyle(
    fontFamily: 'Montserrat',
    fontSize: 24,
    fontWeight: FontWeight.bold,
  ),
)

Или можете установить шрифт для всего приложения в ThemeData:

MaterialApp(
  theme: ThemeData(
    fontFamily: 'Montserrat',
  ),
  home: MyHomePage(),
)

Автоподгрузка
Если не хотите возиться с загрузкой файлов, используйте пакет google_fonts:

Text(
  'Привет, Flutter!',
  style: GoogleFonts.montserrat(
    fontSize: 24,
    fontWeight: FontWeight.bold,
  ),
)

Шрифты загружаются автоматически из Интернета (или кешируются). Удобно для прототипирования!

Если есть вопросы по Flutter или идеи для следующих постов — пишите в комментариях💭