css - 如何解释 adobe XD 中文本的字体大小？

Question

font: SemiBold 14px/17px Basier Square;

我正在尝试从 Adob​​e XD 复制文本的样式，它向我显示了上面的字体大小，我很困惑，我应该将其解释为 14 像素还是 17 像素？

Answer 1

答：字体大小=14px，行高=17px；

它不是 Adob​​e 特定的，它是简单的 HTML 定义
参考：从 Mozilla Docs，我们可以理解

如果 font 被指定为几个与字体相关的属性的简写，

然后-->

line-height 必须紧跟在 font-size 之后，以“/”开头，例如：“16px/3”

Answer 2

font: SemiBold 14px/17px Basier Square;

那将是

.element {
  font-family: 'Basier Square';
  font-weight: 600; /* SemiBold */
  font-size: 14px;
  line-height: 17px;
}