Chrome谷歌浏览器不支持css字体小于12px的解决办法

问题：有时候设计图上会有小于12px的文字，css的font-size小于12的时候在IE上是正常显示的,但在Chrome里面显示仍然是12px，

解决办法：就是利用css3的transiform缩放属性

.text-font{   
  font-size: 6px;    /** IE **/
  -webkit-transform: scale(0.5); /** Chrome解决方法 **/
}

 

 这样在Chrome上就可以显示小于12px的字了，需要注意的是文字必须单独用标签包含，如果你的标签内除了文字还有其他内容，比如文字和图片在一个div里面，那么图片和文字都会缩放。