Question

我看到这个特殊的字体css应用于


font: 400 50px/60px "minion-pro",times,serif;

一个元素。我想了解什么是50px / 60px的400什么含义以及三种字体“minion”，times或serif中的哪一种被应用。

Answer 1

你可以这样写：

div{
 font-weight:400;
 font-size:50px;
 line-height:60px;
 font-family:"minion-pro",times,serif;
}

在 font-family 中，它们是fall back个字体。 fallBack字体表示如果"minion-pro"不在用户计算机中，那么它选择times而不是"minion-pro"＆amp;如果用户计算机中没有times，那么它会选择serif font-family。

Answer 2

可以像这样重写：

font-weight: 400;
font-size: 50px;
line-height: 60px;
font-family: "minion-pro",times,serif;

因此400是字体的权重，50px/60px表示50px字体大小，60px行高。{将应用第一个可用字体，该字体存在于显示网页的计算机上。

http://www.w3.org/TR/CSS21/fonts.html#propdef-font

Answer 3

这是shorthand font property。

font: style variant weight size / height family1, family2,...;

是

的缩写

font-style : style;
font-variant: variant;
font-weight: weight;
font-size: size;
line-height: height;
font-family: family1, family2,...;

font-family属性采用优先列表：

属性值是字体系列名称和/或通用系列名称的优先级列表

浏览器将使用第一个可用的字体系列。有一些通用名称，如sans-serif，serif和monospace。

编辑：另请注意，font-weight:400与font-weight: normal相同。

另见：

W3C: CSS2.1: Fonts

Answer 4

我可以回答字体，它们将按可用性顺序使用（某些浏览器可能无法呈现它们或知道它们）所以第一个小兵然后是时间然后是serif。对于我目前不知道的400

这种字体样式有什么特别的方式？

4 个答案: