代码之家 › 专栏 › 技术社区 › Thor

400在下面代码的上下文中表示什么字体属性?

css

-1

Thor · 技术社区 · 10 年前

我是CSS的新手,我正在尝试学习字体的概念。我对字体属性400代表什么感到困惑?当我改变它时,身体内的内容看起来更小了,但我不知道它真正的作用是什么?

body { 
       background: #FFF; 
       font: 400 1.5em/1.5 "Droid Serif", serif; 
       color: #111;
       text-align: center;
       height: 100%;
}

2 回复 | 直到 9 年前

Oriol 10 年前

这个 font property 是的缩写 font-style , font-variant , font-weight , font-stretch , font-size , line-height 和 font-family .

其中,唯一可以接受 400 因为它的价值 字体加粗 和 线路高度 。但在 字体 值 线路高度 如果有,则必须以 / .

然后 400 是的值 字体加粗 ,与 normal .

font-weight: 400; /* Same as `font-weight: normal` */

这是可接受的数值等级 字体加粗 :

100 - Thin
200 - Extra Light (Ultra Light)
300 - Light
400 - Normal
500 - Medium
600 - Semi Bold (Demi Bold)
700 - Bold
800 - Extra Bold (Ultra Bold)
900 - Black (Heavy)

自从 400 等于的初始值 字体加粗 ,您可以将其删除。