语法
body {
font: font-style font-variant font-weight font-size/line-height font-family;
}
使用中
body {
font: italic small-caps normal 13px/150% Arial, Helvetica, sans-serif;
}
您需要至少提供 font-size 和 font-family 才能使速记有效,否则它将只是一个语法错误,什么也不做。
body {
font: italic 20px Serif; /* works */
font: 20px; /* fails */
font: 18em Fantasy; /* works */
font: bold small-caps; /* fails */
}
使用速记时,要注意 意外重置。
啊,所以这就是我无法使用 font: ! 指定字体大小的原因!我一直不得不使用 font-size: 。
谢谢!
为什么它们以这种方式排列?
这背后的原因是什么?
是否存在特定的功能或条件?
除了文章中链接的 URL 外,我还有一张帮助理解字体速记的备忘单
http://www.impressivewebs.com/css-font-shorthand-property-cheat-sheet/
抱歉,Louis。我不理解你的备忘单。
为什么你把 Arial 放在 Helvetica 之前呢
那么,当我们进行 CSS 重置时,是否有任何理由不使用字体速记来初始化 html,例如?
例如 html {font:100%/125% Verdana,Arial,sans-serif}
……或者可能更好
html { font: 100%/1.25 Verdana, Arial, sans-serif }
我认为你在速记声明示例中缺少
font-stretch
。请看这里:https://mdn.org.cn/en-US/docs/Web/CSS/font
速记默认在前面使用 4 个
normal
,如下所示font: normal normal normal normal 13px/19px sans-serif;
长手写法为
font-style: normal;
font-variant: normal;
font-weight: normal;
font-stretch: normal;
font-size: 13px;
line-height: 19px;
font-family: sans-serif;
这违背了使用速记的目的。既然你无论如何都将这些值设置为“normal”,为什么不直接使用 font: 13px/19px sans-serif; 呢?谁会使用 px 来表示行高?
CSS 属性 font-stretch 最初在 CSS 2 中定义,但由于缺乏实现经验,在 CSS 2.1 中被删除。它已在 CSS 3 中重新定义。
浏览器兼容性
桌面 Chrome Firefox (Gecko) Internet Explorer Opera Safari (WebKit)
基本支持 48.0 9.0 (9.0) 9.0 35.0 不支持
你能帮我修改使用短代码列表时的字体吗?当我在这个链接 [已删除] 中使用这个短代码时,字体从 Helvetica 更改为另一种字体。
将字体属性合并到单行中,可以这样表达吗?
font:intalic 24px bold small-cups time