1、说明：

中文版goole浏览器默认不支持小于12px的文字，英文版支持。

2、可浏览器设置：

goole浏览器前往 chrome://settings/fonts，更改浏览器设置。

3、可代码设置

-webkit-transform:scale()

说明：transform:scale() 这个属性可进行放缩，chrome 浏览器，要加 webkit 前缀

<style type="text/css">
    .span10px{
        font-size: 12px;
        display: inline-block;
        -webkit-transform:scale(0.8);
    }
    .span12px{
        display: inline-block;
        font-size: 12px;
    }
</style>
<span class="span10px">10px字体显示</span>
<span class="span12px">12px字体显示</span>

PS：scale属性只对可以定义宽高的元素生效，需将 span 元素转为行内块元素