【避坑指“难”】CSS如何实现字体小于12px的效果

大家都知道设置font-size小于12px的时候，显示都为12px。

无法实现更小的字体了，但是面对UI图的时候出现小于10px的字体，第一想到的就是把字体直接作为图片放在到页面。

那么CSS能实现小于12px的字体吗？答案是：可以的！

移动端

.font{
   // 10px / 12px = 0.83
   transform: scale(0.83);
}

PC端

.font{
   font-size: 12px;
   transform: scale(0.83,0.83) ;
   *font-size: 10px;
}