CSS中带有斜线的字体大小


Answers:


195

这实际上设置了两个属性,并且等效于:

font-size: 100%;
line-height: 120%;

引用官方文档

该属性的语法基于传统的印刷速记符号来设置与字体相关的多个属性。

正如David M在评论中所说,它反映了将字体大小指定为“ x  pt on y  pt”以表示行高的字形大小的排版传统。

但是问题中的示例实际上是错误的,浏览器将忽略它:您只能以font简写形式组合这两个属性,并且必须至少指定字体大小和字体。font: 100%/120%;因此,仅仅写作是不够的。您可以添加通用的姓氏来使其有效,例如:

font: 100%/120% serif;

53
这将反映旧的排版语法,其中您将字体设置为例如“ 10pt on 12pt”或“ 10pt / 12pt”。
David M

1
我实际上使用了很多。与我一起工作的设计师总是将尺寸定为“ 14乘22”。我有一天偶然把它放进去,当它工作时感到惊讶/满意。
Dylan Lukes

1
快捷方式:这种格式是否也不需要指定字体系列?我的浏览器忽略了此属性:font:12px / 16px; 但接受以下格式:font:12px / 16px sans-serif; 此行为也记录在这里
kumarharsh

@Harsh是的,font正如您在官方定义中所看到的那样,速记属性最少需要一个家庭(以及一个大小)。
Konrad Rudolph

感谢您的澄清。也许您可以更新答案(或问题),因为它可能会引起误导,因为偶然的读者可以认为只有SIZE / LINE_HEIGHT声明才有效。
kumarharsh

15

Konrad得到了这个,但是有很多类似这样的CSS速记属性,您可以使用它们来缩短样式表。如果您不了解它们,其中一些看起来有些神秘。


不过,大多数速记方式都涉及相关的样式属性(例如border-*)。大卫在对我的回答的评论中给出了很好的解释。至于速记是神秘的:当然是对的,但是该死的有用且非常容易学习。
Konrad Rudolph
By using our site, you acknowledge that you have read and understand our Cookie Policy and Privacy Policy.
Licensed under cc by-sa 3.0 with attribution required.