技术栈

Flutter字体引用与使用指南

—Qeyser2025-10-23 15:26

Flutter 使用外部字体

复制代码

字体引用 pubspec.yaml

复制代码
  fonts:
    - family: ukij
      fonts:
         - asset: assets/fonts/ziti.ttf

基础使用

Dart 复制代码
Text(
  '这是 Roboto 常规体',
  style: TextStyle(
    fontFamily: 'Roboto', // 对应 pubspec.yaml 中的 family 名字
    fontSize: 24,
    // 不指定 weight,默认使用 Regular
  ),
),

全局使用

上一篇:从零到一打造 Vue3 响应式系统 Day 29 - readonly:数据保护实现
下一篇:一键配置 Web 前端开发环境(PowerShell 自动化脚本)
相关推荐
liulian0916
12 小时前
Flutter 网络状态与内容分享库:connectivity_plus 与 share_plus 的 OpenHarmony 适配指南
网络·flutter
KKei1638
13 小时前
Flutter for OpenHarmony 学习视频播放器技术文章
学习·flutter·华为·音视频·harmonyos
KKei1638
14 小时前
Flutter for OpenHarmony 健身计划与运动打卡APP
flutter·华为·harmonyos
KKei1638
14 小时前
Flutter for OpenHarmony 在线考试与自测系统APP技术文章
flutter·华为·harmonyos
liulian0916
16 小时前
Flutter 依赖注入与设备信息库:get_it 与 device_info_plus 的 OpenHarmony 适配指南
flutter
KKei1638
17 小时前
Flutter for OpenHarmony学习目标追踪应用技术文章
学习·flutter·华为·harmonyos
KKei1638
20 小时前
Flutter for OpenHarmony 编程技能树APP技术文章
flutter·华为·harmonyos
热门推荐
01GitHub 镜像站点02Codex 接入 DeepSeek API 完整配置文档03头歌软件工程导论UML画图题(基于starUML)04CC-Switch & Claude 基于 Linux 服务器安装使用指南05【AI】2026 年具身智能模型和世界模型总结06Codex 手机端连接教程:三分钟搞定,附完整步骤07AI科技热点日报 | 2026年5月11日08零基础教你claude code 接入 deepseek V409人工智能最新动态 AI 日报 · 2026年5月10日10Gemini大升级、AI眼镜首发、Android XR亮相,13天后见分晓