Как я могу добавить собственный шрифт в этот код флаттера

Мне нужно добавить свой собственный файл шрифта в код ниже. Я не хочу использовать шрифты Google здесь. Как я могу добавить собственный шрифт. Я уже добавил файл шрифта в pubspec.yaml и папку.

import 'package:flutter/material.dart';
import 'package:google_fonts/google_fonts.dart';

/// Google fonts constant setting: https://fonts.google.com/
TextTheme kTextTheme(theme, String language) {
  switch (language) {
    case 'vi':
      return GoogleFonts.montserratTextTheme(theme);
    case 'ar':
      return GoogleFonts.ralewayTextTheme(theme);
    default:
      return GoogleFonts.robotoTextTheme(theme);
  }
}

TextTheme kHeadlineTheme(theme, [language = 'en']) {
  switch (language) {
    case 'vi':
      return GoogleFonts.montserratTextTheme(theme);
    case 'ar':
      return GoogleFonts.ralewayTextTheme(theme);
   
    default:
      return GoogleFonts.robotoTextTheme(theme);
  }
}

person Code RavLK    schedule 16.04.2021    source источник
comment
В поваренной книге документации по флаттеру вы можете найти руководство по добавлению пользовательского шрифта: flutter .dev/docs/cookbook/design/fonts   -  person Ignacior    schedule 16.04.2021
comment
добавьте ответ, пожалуйста, прочитайте мой ответ   -  person Md Omor Faruqe    schedule 16.04.2021
comment
если вы помогли ответом, пожалуйста, дайте мне 1 голос и примите мой ответ. плз   -  person Md Omor Faruqe    schedule 16.04.2021
comment
Я знаю, как добавлять пользовательские шрифты. Я просто хочу знать, как добавить этот шрифт в этот код.   -  person Code RavLK    schedule 16.04.2021
comment
Я знаю, как добавлять пользовательские шрифты. Я просто хочу знать, как добавить этот шрифт в этот код, как в формате. Я хочу передать аргументы и вернуть нужный мне шрифт. Спасибо   -  person Code RavLK    schedule 16.04.2021
comment
Как я ответил ниже, вы можете просто вернуть Textstyle   -  person aditya kontikal    schedule 16.04.2021


Ответы (2)


вы можете следить за моим ответом

Как использовать пользовательские шрифты во Flutter?

Шрифт по умолчанию, используемый во Flutter, — Roboto. Если вы хотите добавить собственный шрифт во Flutter, у вас есть 2 способа. Если шрифт, который вы хотите добавить, доступен в Google Fonts, вы можете использовать пакет google_fonts, доступный в Dart Pub. Если шрифт, который вы хотите использовать, недоступен в Google Fonts, вы должны добавить TTF-файл шрифта в ресурсы и загрузить его с помощью pubspec.yaml. Оба метода описаны в следующем руководстве.

  1. Использование пакета 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
      ),
),
  1. Добавление шрифтов, недоступных в шрифтах 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

Вы можете просто скопировать файл шрифта в папку с ресурсами или куда угодно и добавить его в раздел шрифтов pubspec.yaml.

.yaml-файл:

# example:
  fonts:
    - family: Lato
      fonts:
        - asset: fonts/Lato-Regular.ttf

После этой базовой настройки вы можете напрямую использовать добавленный шрифт в TextStyle и вернуть его вместо GoogleFont.

TextTheme kTextTheme(theme, String language) {
  switch (language) {
    case 'vi':
      return return TextStyle(
      fontFamily: 'Lato',
      color: Colors.black,
      fontSize: 18,
    );
    case 'ar':
      return return TextStyle(
      fontFamily: 'Lato',
      color: Colors.black,
      fontSize: 18,
    );
    default:
      return return TextStyle(
      fontFamily: 'Lato',
      color: Colors.black,
      fontSize: 18,
    );
  }
}
    
person aditya kontikal    schedule 16.04.2021