18. 图解鸿蒙之 Text 组件 - 介绍 font

175 阅读1分钟

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

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

  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 - sizeline - height 之间用 / 分隔。不过,其中有些属性是可选的,如果不设置,会使用默认值。例如,如果没有指定 font - style,默认会是 normal;没有指定 font - weight,会根据字体的默认粗细来显示。