摘要：
众所周知，将字体大小设置为小于12px；显示为12px。要实现更小的字体是不可能的，但当面对UI图时，会出现小于10px的字体。第一个想法是将字体作为图像直接放在页面上。css可以实现小于12px的字体吗？
大家都知道设置font-size小于12px;的时候，显示都为12px。无法实现更小的字体了，但是面对UI图的时候出现小于10px的字体，第一想到的就是把字体直接作为图片放在到页面。那么css能实现小于12px的字体吗？答案是：可以的！
1、移动端
.font{
// 10px / 12px = 0.83
ransform: scale(0.83);
}广州vi设计公司 http://www.maiqicn.com我的007办公资源网 https://www.wode007.com
2、PC端
避免不支持 css3 浏览器的情况，我们也可以通过降级处理，将字体变回12px；最后兼容 IE：*font-size:10px;
.font{
font-size: 12px;
transform: scale(0.83,0.83) ;
*font-size: 10px;
}