CSS字体速记中的正斜杠是啥意思？

Posted 2023-03-15

【中文标题】CSS字体速记中的正斜杠是啥意思？

【英文标题】：What does the forward slash mean in the CSS font shorthand?CSS字体速记中的正斜杠是什么意思？

【发布时间】：2011-05-04 01:49:19

【问题描述】：

我在样式表中看到以下 CSS 声明：

font: 12px/18px ...

12px/18px 部分到底是什么意思？

【问题讨论】：

因为过于本地化而关闭它是不正确的。问题很简单，答案也很简单，但这显然是人们经常问的问题，并且有一个很好的答案。

【参考方案1】：

12px 是字体大小，18px 是行高。

语法基于用于指定相应大小的印刷符号，并且仅适用于font 速记属性。换句话说，上面的声明简单地扩展为以下内容：

font-size: 12px;
line-height: 18px;

与往常一样，如果您将行高设置为相对值（例如百分比或 ems），则会相对于字体大小进行计算。

W3C CSS2.1 font property referenceW3C CSS3 Fonts Module font property reference（语法继承自 CSS2.1）

【参考方案2】：

相当于：

font-size: 12px;
line-height: 18px;