Flutter 指定字体（全局指定、局部指定）

最新推荐文章于 2025-06-13 22:38:57 发布

emdd2016

最新推荐文章于 2025-06-13 22:38:57 发布

阅读量7.6k

点赞数 2

CC 4.0 BY-SA版权

分类专栏： flutter 文章标签： flutter

本文链接：https://blog.youkuaiyun.com/emdd2016/article/details/93312143

flutter 专栏收录该内容

2 篇文章

订阅专栏

该博客介绍了Flutter项目中字体配置的方法。首先需下载字体文件（.ttf或.otf）并放到根目录下的foots文件夹，还给出了字体下载地址。接着说明了在pubspec.yaml中定义字体，以及全局和局部配置字体的方式，也提及可定义公共textStyle。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1. 下载字体文件（.ttf 或.otf )放到根目录下的foots文件夹下，如果没有自己创建。

给个字体下载的地址：http://www.diyiziti.com/Download/308

2. 在pubspec.yaml中定义

fonts:
  - family: MaoTi                # 字体别名
    fonts:
      - asset: fonts/mao_ti.ttf  # 字体文件目录
        weight: 700              # 权重 700表示粗体，相当于bold 
  - family: PingFang
    fonts:
      - asset: fonts/ping_fang.ttf

3. 全局配置— 就在主题theme中配置

MaterialApp(
  theme: ThemeData(
      fontFamily: "PingFang", // 统一指定应用的字体。
      primarySwatch: Colors.green,
      primaryColor: Colors.white),
      。。。

4. 局部配置—指定TextStyle中的fontFamily

TextStyle(
    fontFamily:"PingFang", // 指定该Text的字体。
    fontSize: SizeUtil.getFontSize(Dimens.font_sp12),
    color: CustomColors.colorPrimary,
    fontWeight: FontWeight.bold)

5. 如果多处用到指定的字体，但又不是全局用到，你可以定义一个公共的 textStyle .如：

var textFontStyle  = TextStyle(
    fontFamily:"PingFang", // 指定该Text的字体。
)
 
用到的地方用 .copyWith 这个方法, 如： 
Text(
    "显示我想要的字体",
    style: textFontStyle.copyWith(
        fontSize: 18.0,
        color: Colors.red,
        fontWeight: FontWeight.bold,
        ),
    )

TextStyle的copyWith如下： 

 TextStyle copyWith({
    bool inherit,
    Color color,
    Color backgroundColor,
    String fontFamily,
    List<String> fontFamilyFallback,
    double fontSize,
    FontWeight fontWeight,
    FontStyle fontStyle,
    double letterSpacing,
    double wordSpacing,
    TextBaseline textBaseline,
    double height,
    Locale locale,
    Paint foreground,
    Paint background,
    List<ui.Shadow> shadows,
    TextDecoration decoration,
    Color decorationColor,
    TextDecorationStyle decorationStyle,
    double decorationThickness,
    String debugLabel,
  })