← 返回 Web 词条Webfont-weight原生支持点选数值,样本实时变化
字重
在 Web 上叫font-weight
CSS: font-weight
文字笔画有多粗,加粗之后同样大小的字看起来更重。
- 字太细了
- 加粗
- 字看着比旁边重
- 字重
- 字体粗细
- 磅重
示例
把说不清的东西,变成能说清的词。
font-weight: 400;
其他平台的相似实现
iOS原生支持
fontWeight同名官方描述是「设置这个视图中文字的字重」。
看 iOS 视角 →Android原生支持
fontWeight同名看 Android 视角 →跨端框架实现
- Flutter
TextStyle.fontWeightText(style: TextStyle(fontWeight: …))
使用规范
什么时候用
- 需要在不改字号的前提下强调时
- 需要区分标题与正文时
什么时候别用
- 整段都加粗、强调因此失效时
- 所选字体没有该字重、被系统伪粗体替代时