如何应用css "font“属性值，如caption|icon|menu...等

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>

​