设置网页字体小于12px的方法

在制作web页时，由于项目需要要将字体设置为10px，但有的浏览器比如谷歌是无法直接设置低于12px的字体的，即使设置了浏览器也不会渲染。不过我们也可以通过一些其它的方法来实现。

CSS设置小于12px的字体的方法

CSS可以通过 transform 属性中的 scale 来缩放字体。

例1：

CSS设置字体为10px，只需要在12px的基码上缩放到0.85即可。

<div class="small">我的字体大小为10px</div>
<style>
    .small{ 
        font-size: 12px;
        transform: scale(0.85);
    }
</style>

例2：

CSS设置字体为6px，只需要在12px的基码上缩放一半即可。

<div class="small">我的字体大小为 6px</div>
<style>
    .small{ 
        font-size: 12px;
        transform: scale(0.5);
    }
</style>

PS: scale只是缩放大小，但在一些特定的样式下可能会出现问题。