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;
}