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;


}