这个尺寸在 css 中是啥意思 font: 14px/24px Arial, Helvetica, sans-serif

Posted 2023-03-06

【中文标题】这个尺寸在 css 中是啥意思 font: 14px/24px Arial, Helvetica, sans-serif

【英文标题】：What does this size mean in css font: 14px/24px Arial, Helvetica, sans-serif这个尺寸在 css 中是什么意思 font: 14px/24px Arial, Helvetica, sans-serif

【发布时间】：2011-07-02 06:38:07

【问题描述】：

这里的 14px/24px 是什么？真正的字体大小是多少？

【参考方案1】：

它是不同字体相关属性的简写。意思是：

font-size: 14px;
line-height: 24px;

font-family: Arial, Helvetica, sans-serif

见：http://www.impressivewebs.com/css-font-shorthand-property-cheat-sheet/

【讨论】：

如果是的话，font: normal normal normal 80px/1 "austera-font";或字体大小：80px；行高：1；应该工作一样，对吧？但在我的项目中并非如此！

@SohilShah：我看不出那个演示的问题。在您的项目中可能还有其他影响它的东西。大多数这些属性已经在icons.css 第 28 行设置。

【参考方案2】：

第一个是font-size，第二个是line-height

引用specification for font shorthand

'字体' 值：[ [ || || ]？ [ / ]? ] |标题 |图标 | 菜单 |消息框 |小标题| 状态栏 |继承

【参考方案3】：

这相当于

#html
    font-size:14px;
    line-height:24px;
    font-family: Arial, Helvetica, sans-serif;