SOURCE

<div class="m-demo">
  <p>缩写：font:30px/2 "Consolas",monospace;</p>
  <p class="p1">缩写：font:italic bold 20px/1.5 arial,serif;</p>
  <p class="p2">缩写：font:20px arial,serif;</p>
  <!-- 以下两种写法是错的 -->
  <p class="p3">缩写：font:100px;</p>
  <p class="p4">缩写：font:'microsoft yahei';</p>
</div> 

p{margin:10px;background:#ddd;}
p+p{margin-left:40px;}

.m-demo{font:30px/2 "Consolas",monospace;}
.m-demo .p1{font:italic bold 20px/1.5 arial,serif;}
.m-demo .p2{font:20px arial,serif;}
.m-demo .p3{font:100px;}
.m-demo .p4{font:'microsoft yahei';}