css - 如何应用 css "font"属性值，如标题|图标|菜单...等

Question

语法如下:

font: font-style font-variant font-weight font-size/line-height font-family|caption|icon|menu|message-box|small-caption|status-bar|initial|inherit;

我不确定如何申请，尝试了这些变体但没有成功:

font: italic bold 12px/30px Arial icon
font: italic bold 12px/30px Arial|icon
font: italic bold 12px/30px icon

只有在我这样应用时它才有效:

font: icon

Here你可以找到我推荐的文档

Answer 1

font: font-style font-variant font-weight font-size/line-height font-family|caption|icon|menu|message-box|small-caption|status-bar|initial|inherit;

这意味着你可以做的是设置一个font速记，但是那些caption |icon(等等)是一个font-family 类型，因此在您的示例中将其替换为 Arial

.p1 {
  font: italic bold 12px/30px icon
}

.p2 {
  font: italic bold 12px/30px Arial
}

<p class="p1">FOO BAR</p>
<p class="p2">FOO BAR</p>