我们一起学习一下文本中 font 相关的类型属性,font 类别 size、weight、family、style。

大家有问题的话可以一起讲解一下哦,我们一起探讨吧!

18. 图解鸿蒙之 Text 组件 - 介绍 font_样式表

18. 图解鸿蒙之 Text 组件 - 介绍 font_样式表_02

  1. 含义
  • `font` 是一个 CSS(层叠样式表)中的复合属性,用于在一个声明中设置多个字体相关的属性,包括字体风格(`font - style`)、字体粗细(`font - weight`)、字体大小(`font - size`)、行高(`line - height`)和字体家族(`font - family`)。通过使用 `font` 属性,可以更简洁地同时定义这些字体相关的样式,减少代码量并提高样式表的可读性。
  1. 语法格式和顺序
  • 语法:`font: [font - style || font - weight || font - size/line - height || font - family]`。
  • 顺序要求:在使用 `font` 属性时,各个值的顺序是有规定的。必须按照上述语法中的顺序来书写,其中 `font - size` 和 `line - height` 之间用 / 分隔。不过,其中有些属性是可选的,如果不设置,会使用默认值。例如,如果没有指定 `font - style`,默认会是 `normal`;没有指定 `font - weight`,会根据字体的默认粗细来显示。