chrome默认字体最小为12px，当字体设置小于12px时都以12px来显示，很不友好。要解决这个问题可以用css3的 scale()缩放来解决

1. 以12px为基数近似缩放，虽然不能精确到10px，但是已经很完美

font-size:12px;
-webkit-transform:scale(0.84);
//10px

2. 同样使用css3中的缩放来解决，可以先放大字体大小，然后再缩小

font-size:20px;
-webkit-transform:scale(0.5);

来源：https://www.imooc.com/article/24467?block_id=tuijian_wz

推荐阅读