字号排版
文字本身有多大，同一段里标题通常比正文大一些。
- 字大一点
- 字太小看不清
- 标题比正文大
- 字号
- 字体大小
- 文字尺寸
示例
把说不清的东西，变成能说清的词。
font-size: 16px;
Web / iOS / Android 对照
Web原生支持
平台通用范围
font-size
CSS: font-size
iOS原生支持
平台通用范围
font
SwiftUI: .font(_:)
不是单独的字号属性：字号随字体样式一起给出，配合 Dynamic Type 缩放。
Android原生支持
平台通用范围
fontSize
Compose: Text(fontSize = …)
使用规范
什么时候用
- 需要建立文字层级时
- 需要保证正文可读性时
什么时候别用
- 只靠字号区分层级、不配合字重或颜色时
- 小到低于平台可读性下限时
容易混淆
跨端框架实现
- Flutter
TextStyle.fontSizeText(style: TextStyle(fontSize: …))
给 AI 的提示词
这条词条还没有经过验证的实现提示词。