【问题标题】:How can I add custom font in this flutter code如何在这个颤动代码中添加自定义字体
【发布时间】:2021-07-11 03:24:03
【问题描述】:

我需要将我自己的自定义字体文件添加到下面的代码中。我不想在这里使用谷歌字体。 如何添加自定义字体。我已经在 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);
  }
}

【问题讨论】:

  • 在flutter文档的cookbook指南中,您可以找到如何添加自定义字体的教程:flutter.dev/docs/cookbook/design/fonts
  • 我知道如何添加自定义字体。我只想知道如何将该字体添加到此代码中。
  • 我知道如何添加自定义字体。我只想知道如何以格式将该字体添加到此代码中。我想传递参数并返回我需要的字体。谢谢
  • 正如我在下面回答的那样,您可以返回 Textstyle

标签: android flutter dart fonts custom-font


【解决方案1】:

您可以简单地将字体文件复制到资产文件夹或您希望的任何位置,然后将其添加到 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,
    );
  }
}
    

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 2015-07-05
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2017-05-15
    • 2016-02-24
    • 2019-12-12
    相关资源
    最近更新 更多